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随 着 智能 手机 的 普及 ， 服 务 于 用 户 各 种 需求 的 APP 层 出 不 穷 ， 因 此 UI 设计 也 就 慢 慢 被 
重视 起 来 ， 而 Photoshop 则 是 UI 设计 制图 必 不 可 少 的 工具 。Photoshop 是 Adobe 公 司 旗 下 最 著 
名 的 图 像 处 理 软 件 之 一 ， 其 应 用 范围 覆盖 数码 照片 处 理 、 平 面 设计 、 视 觉 创意 合成 、 数 字 
插画 创作 、 三 维 设计 、 网 页 设计 、 交 互 界面 设计 等 几乎 所 有 设计 方向 ， 深 受 广大 艺术 设计 
人 员 和 计算 机 美术 爱好 者 的 喜爱 。 


本 书 内 容 编写 特点 

1. 零 起 点 、 入 门 快 

本 书 以 初学 者 为 主要 读者 对 象 ， 对 基础 知识 进行 细致 入 微 的 介绍 ， 并 辅 以 图 示 效果 ， 
结合 中 小 实例 ， 对 常用 工具 、 命 令 、 参 数 等 做 了 详细 的 介绍 ， 同 时 给 出 了 技巧 提示 ， 确 保 
读者 零 起 点 ， 轻 松 、 快 速 入 门 。 

2. 内 容 详 细 、 全 面 

本 书 内 容 涵盖 了 UI 设计 中 最 为 实用 的 Photoshop 工 具 、 命 令 等 常用 的 相关 功能 ， 可 以 
说 是 初学 者 的 百科 全 书 、 有 基础 者 的 参考 手册 。 

3. 实例 精美 、 实 用 

本 书 的 实例 均 经 过 精心 挑选 ， 确 保 实 用 、 精 美 ， 一 方面 培养 读者 朋友 的 美感 ， 另 一 方 
面 让 读者 在 学 习 中 享受 美的 世界 。 

4. 编写 思路 符合 学 习 规律 

本 书 的 理论 讲解 采用 了 “功能 介绍 + 选项 解读 + 高 手 小 贴 士 + 案例 实战 ”的 模式 ， 符 合 
轻松 易学 的 学 习 规律 。“ 综 合 实战 ”类 案例 则 采用 了 “项 目 分 析 + 布 局 规划 + 色彩 搭配 + 实 
践 操作 ”的 模式 ， 深 入 剖析 UI 设 计 的 整个 流程 。 
本 书 显著 特色 

1- 同步 视频 讲解 ， 让 学 习 更 轻松 高 交 

70 节 大 型 高 清 同步 自学 视频 ， 涵 盖 全 书 几乎 所 有 实例 ， 让 学 习 更 轻松 、 更 高 效 。 

2 资深 作者 编著 .质量 更 有 保障 

作者 是 经 验 丰富 的 专业 设计 师 和 资深 讲师 ， 确 保 图 书 实用 和 好 学 。 

3- 大 量 中 小 实例 ， 通 过 多 动手 加 深 理 解 

大 中 型 实例 达 70 个 ， 讲 解 极为 详细 ， 目 的 是 能 让 读者 深入 理解 、 灵 活 应 用 。 


4- 多 种 商业 案例 .让 实战 成 为 终极 目的 

书后 给 出 不 同类 型 的 实用 UI 商 业 案 例 ， 以 便 读 者 积累 实战 经 验 ， 为 工作 、 就 业 搭桥 。 

5 超 值 学 习 套餐 .让 学 习 更 方便 、 快 捷 

6 大 不 同类 型 的 笔 刷 、 图 案 、 样 式 等 库 文 件 ; 21 类 经 常用 到 的 设计 素材 ， 总 计 1106 个 ; 《色彩 设计 搭配 手册 》 和 和 常用 颜 
色色 谱 表 。 


本 书 资源 包 

本 书 资源 包 内 容 包 括 : 

(1) 书 中 实例 的 教学 视频 、 源 文件 、 素 材 文件 ， 读 者 可 扫描 书 中 二 维 码 观看 视频 ， 调 用 资源 包 中 的 素材 ， 按 照 书 中 
步骤 进行 操作 。 

(2) 104 集 Photoshop 新 手 学 视频 精 讲课 堂 ， 训 括 Photoshop 基 础 操作 知识 。 

(3) 《色彩 设计 搭配 手册 》 和 常用 颜色 色谱 表 ， 使 平面 设计 色彩 搭配 不 再 烦恼 。 


本 书 服务 

1. Photoshop 软 件 获取 方式 

本 书 未 提供 Photoshop 软 件 ， 读 者 可 通过 以 下 方式 获取 : 

(1) 在 网 上 购买 正版 软件 或 登录 http://www.adobe.com/cn/ 下 载 试用 版 。 

(2) 到 当地 电脑 城 咨询 ， 一 般 软 件 专卖 店 有 售 。 

2. 技术 问题 信息 发 布 

读者 朋友 遇 到 有 关 本 书 的 技术 问题 ， 可 以 扫描 封底 “ 文 泉 云 盘 ” 三 维 码 查看 是 否 已 发 布 相关 勘误 /解疑 文档 ， 如 果 没有 ， 
可 在 下 方 寻找 作者 联系 方式 ， 还 可 点 击 “ 读 者 反馈 ” 留 下 问题 ， 我 们 会 及 时 回复 。 
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随 着 智能 手机 的 普及 ， 服务 于 用 户 各 种 需求 的 APP 层 出 不 穷 。APP 主 要 指 安装 在 智能 手机 上 的 软件 ，APP 设 计 通 常 可 
分 为 两 个 部 分 : 编码 设计 与 UI 设 
计 。UI (User Interface) 是 用 户 界 
面 的 简称 ， 从 字面 意思 上 可 以 理 
解 为 用 户 与 界面 两 个 组 成 部 分 ， 
但 实际 上 还 包括 用 户 与 界面 之 间 
的 交互 关系 。 简 单 来 说 ，UI 设 计 
既 要 符合 美观 、 个 性 、 有 品位 的 
外 观 特点 ， 还 应 符合 用 户 操 作 的 
逻辑 性 。 如 图 1-1 和 图 1-2 所 示 为 优 
秀 的 UI 设计 作品 欣赏 。 


12)E 关于 UI 设计 师 


$y 
“UI 设计 师 简 称 UID (User Interface Designer) ， 是 负责 软件 界面 的 美术 设计 、 创 意 工作 和 制作 的 人 员 。UI 设 计 师 工作 
的 涉及 范围 包括 商用 平面 设计 、 
高 级 网 页 设计 、 移 动 应 用 界面 设 
计 及 部 分 包装 设计 ， 是 目前 热门 
的 职业 之 一 。 要 知道 的 是 ，UI 设 


计 师 的 工作 不 仅仅 是 针对 APP 界 国 搬 回 
面 的 外 观 图 形 进行 设计 ，UI 设 计 加 

师 按照 其 职能 可 分 为 3 种 : 用 户 

研究 /测试 工程 师 、 图 形 设计 师 、 am 


交互 设计 师 。 如 图 1-3 和 图 1-4 所 


示 为 优秀 的 UI 设计 作品 。 
图 1-4 


1.2.1 用 户 研究 /测试 工程 师 

| 在 产品 开发 初期 ， 要 对 用 户 进行 了 解 ， 要 深入 挖掘 用 户 对 产品 功能 的 需求 和 和 希望， 从 而 设计 出 令 客 户 满意 的 
软件 。 当 产品 最 终 被 推 上 市 场 后 ， 需 要 对 产品 进行 测试 ， 其 目的 在 于 测试 交互 设计 的 合理 性 及 图 形 设计 的 美观 性 。 这 时 用 户 
研究 测试 程 师 就 需要 主动 收集 市 场 的 反馈 ， 做 出 相应 的 改进 与 优化 。 如 果 不 进 行 测试 ， 单 凭 设计 师 的 审美 和 经 验 ， 很 容易 
出 现 闭门造车 的 局 面 ， 为 企业 带 来 风险 。 

需要 具备 的 能 力 : 掌握 可 用 性 工程 学 、 人 类 功效 学 、 心 理学 、 市 场 研究 学 、 教 育 学 、 设 计 学 等 。 


1.2.2 图 形 设计 师 
主要 职责 : 图 形 设 计 师 的 主要 工作 是 对 软件 外 观 进行 设计 ， 也 会 被 称 之 为 美工 。 实 际 上 图 形 设 计 师 并 不 是 单纯 意义 上 美 


术 工 人 的 工作 ， 而 是 了 解 软件 产品 、 致 力 于 提高 软件 用 户 体验 的 产品 外 形 设计 师 。 
需要 具备 的 能 力 : 掌握 平面 构成 、 色 彩 构成 、 版 式 设 计 、 心 理学 、 美 术 绘画 、 计 算 机 制图 等 能 力 ， 并 具有 良好 的 审 


美观 。 


1.2.3 ”交互 设计 师 


主要 职责 : 交互 设计 师 的 工作 内 容 就 是 设计 软件 的 操作 流程 、 树 状 结构 、 软 件 的 结构 与 操作 规范 等 。 


师 转行 进入 的 。 


-个 软件 产品 在 编 
码 之 前 需要 做 的 就 是 交互 设计 ， 并 且 确 立交 互 模型 和 交互 规范 。 交 互 设计 师 一 般 都 有 软件 工程 的 职业 背景 ， 也 有 从 视觉 设计 


需要 具备 的 能 力 :了解 用 户 体验 设计 和 可 用 性 原则 ; 具有 信息 挖掘 、 用 户 调研 、 数 据 分 析 能 力 ; 具备 良好 的 逻辑 能 力 和 


沟通 能 力 ; 懂 心 理学 ;了 解 交 互 设 计 原 则 和 不 同 平台 的 规范 ; 有 对 产品 的 视觉 感知 能 力 。 


高 手 小 贴 士 : UI 设 计 师 的 自我 修养 


。 册 练 使 用 Photoshop、lllustrator、Flash、Axure 等 图 形 软件 。 

.有 画图 基础 ， 并 尝试 临摹 。 

.多 看 设计 类 网 站 ， 提 高 审美 意识 ， 激 发 创作 灵感 。 
.多 练 、 多 思考 ， 例 如 积极 参加 比赛 、 找 份 实习 的 工作 等 。 


amo 


当 我 们 在 探讨 UI 设计 时 ， 经 常会 提 到 UE 这 个 概念 。UE， 就 是 User Experience 的 简 
称 ， 直 译 为 用 户 体验 。 一 般 指 在 内 容 、 用 户 界面 、 操 作 流 程 、 交 互 功能 等 多 个 方面 的 
对 用 户 使 用 感觉 的 设计 和 研究 。 

UE 设计 其 实 就 是 指 用 户 与 产品 或 服务 互动 过 程 中 的 一 种 机 制 。 因 为 用 户 体验 是 非 
常 主观 的 ， 每 个 用 户 的 真实 体验 都 不 同 。 一 个 产品 的 好 坏 在 很 大 程度 上 会 受用 户 体验 
的 影响 ， 所 以 在 进行 产品 设计 时 ， 要 从 用 户 的 需求 和 用 户 的 感受 出 发 ， 围 绕 以 用 户 为 
中 心 设计 产品 ， 而 不 是 让 用 户 去 适应 产品 。 

在 设计 方面 ， 需 要 有 一 定 的 基本 原则 ， 主 要 包括 有 用 性 、 易 用 性 、 友 好 性 、 美 观 
性 ， 如 图 1-5 所 示 。 
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图 1-5 


(1) 有 用 性 : 设计 产品 需要 让 产品 有 用 ， 能 够 帮助 用 户 完成 一 些 事情 ， 这 也 是 最 基本 的 要 求 。 如 图 1-6 和 图 1-7 所 示 为 


优秀 的 UI 设计 作品 。 


(2) 易 用 性 : 易 用 性 是 用 户 体验 的 核心 ， 可 以 理解 为 软件 操作 起 来 是 否 简 单 。 在 UI 设计 中 应 该 让 用 户 一 看 就 知道 怎 


么 使 用 ， 而 不 是 靠 猜 ， 或 者 需要 咨询 他 人 完成 操作 。 如 图 1-8 和 图 1-9 所 示 为 优秀 的 UI 设计 作品 。 
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(3) 友好 性 : 友好 性 表 
现 为 操作 过 程 中 的 感受 ， 例 如 
用 词 是 否 恰当 ， 表 现 是 否 热情 


等 。 例 如 很 多 手 游 在 刚刚 进入 只 次 
界面 后 都 有 一 个 游戏 角色 向 你 
进行 游戏 的 介绍 ， 在 介绍 游戏 a»: 元 四 


Only your favourite 
noy 40+ sports & actvies 


之 前 可 能 会 说 欢迎 来 到 *** 
的 世界 ; 或 者 一 些 APP 会 添加 
引导 页 ， 一 方面 对 APP 进 行 介 
绍 ， 另 一 方面 可 以 增加 用 户 的 
好 感度 。 如 图 1-10 和 图 1-11 所 
示 为 优秀 的 UI 设计 作品 。 

(4) 美观 性 : 要 让 产品 具 
有 吸引 力 ， 那 么 它 的 “ 颜 值 ” 
就 要 高 ， 从 而 使 用 户 第 一 次 见 
到 它 就 产生 足够 强 的 吸引 力 。 
不 同 产 品 的 受众 不 同 ， 所 以 用 
户 喜 好 的 风格 也 不 同 ， 在 UI 
设计 之 初 要 做 好 充分 的 准备 工 E 本 个 一 
作 ， 以 满足 受众 的 审美 需要 。 一 2: 
如 图 1-12 和 图 1-13 所 示 为 优秀 
的 UI 设计 作品 。 


全) UI 的 分 类 


随 着 科技 的 发 展 ， 各 种 各 样 的 操作 界面 几乎 成 为 现代 人 生活 不 可 缺少 的 一 部 分 ， 无 论 是 手 里 的 手机 、 家 里 的 电视 、 办 
公 室 的 电脑 、 银 行 的 ATM 机 、 机 场 的 自助 取 票 机 都 需要 用 户 在 操作 界面 上 进行 操作 。 这 些 界 面 都 需要 进行 设计 ， 目 前 UI 设 
计 应 用 最 为 广泛 的 方向 主要 分 为 手机 UI 设 计 、 网 页 UI 设 计 、 软 件 UI 设计 等 几 类 。 


1.4.1 手机 Ul 设计 


在 现代 人 的 生活 中 ， 手 机 已 经 成 为 生活 
的 必需 品 ， 它 的 功能 不 仅仅 局 限于 打 电 话 、 发 
短信 ， 更 多 的 是 用 来 娱乐 、 消 遗 。 所 以 针对 手 
机 、 平 板 电 脑 等 移动 客户 端的 UI 设计 不 仅 包 括 
手机 系统 本 身 的 操作 界面 设计 ， 还 包括 应 用 于 
此 类 移动 客户 端的 软件 设计 ， 也 就 是 APP 的 图 
标 设计 、 操 作 界 面 设计 等 。 手 机 UI 设计 必须 基 
于 手机 的 物理 特性 和 软件 的 应 用 特性 进行 合理 
的 设计 ， 所 以 界面 设计 师 首先 应 对 手机 的 系统 
性 能 有 所 了 解 ， 如 图 1-14 和 图 1-15 所 示 。 图 1-14 图 1-15 


1.4.2 ”网 页 UI 设计 


随 着 互联 网 的 发 展 ， 网 站 页 面 设 
计 水 平 也 随 之 提高 。 现 在 的 网 页 不 仅 需 
要 外 观 精美 ， 还 要 最 大 限度 地 方便 用 户 
检索 使 用 ， 以 提升 操作 体验 ， 如 图 1-16 T-MOBILE 
和 图 1-17 所 示 。 ee GIFITALL 


图 1-16 图 1-17 


1.4.3 软件 UI 设计 

电脑 客户 端的 软件 种 类 较 多 ， 由 于 界面 尺寸 通常 比 移动 客户 端 要 大 ， 而 且 操作 方式 也 不 相同 ， 所 以 设计 思路 也 不 相同 。 
电脑 客户 端的 软件 操作 界面 在 外 观 上 要 做 到 简洁 大 方 ， 在 操作 上 要 做 到 方便 快捷 。 如 图 1-18 所 示 为 Ilustrator 软 件 界面 ， 如 
图 1-19 所 示 为 Photoshop 软 件 界 面 。 
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图 1-18 图 1-19 


f= 
.5 PC 客户 端 和 移动 客户 端 


客户 端 是 指 与 服务 器 相对 应 并 为 用 户 提供 本 地 服务 的 软件 程序 。 除 了 一 些 只 在 本 地 运行 的 应 用 程序 之 外 ， 一 般 安 装 


在 普通 的 客户 机 上 ， 需 要 与 服务 端 互 
相配 合 运 行 。 例 如 电脑 中 安装 的 QQ、 
Photoshop 软 件 就 是 我 们 通常 所 说 的 软 
件 客户 端 。 客户 端的 类 型 可 以 分 为 两 大 
类 : PC 客户 端 和 移动 客户 端 。 其 中 ,PC 
客户 端 就 是 指 在 电脑 上 使 用 的 客户 端 ， 
也 就 是 说 在 电脑 上 使 用 的 安装 软件 ， 如 
图 1-20 所 示 ; 移动 客户 端 就 是 可 以 在 手 
机 上 运行 的 软件 ， 如 图 1-21 所 示 。 


图 1-20 图 1-21 
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不 同 的 客户 端 其 在 操作 方式 、 界 面 尺寸 、 网 络 环境 等 方面 都 有 较 大 的 不 同 ， 所 以 在 UI 设计 的 过 程 中 也 存在 很 多 
别 ， 如 表 1-1 所 示 。 
表 1-1 PC 客户 端 与 移动 客户 端的 区 别 
移动 客户 端 


呈 作 广 时 时 请 一 以 手指 操作 为 主 ， 还 可 以 配合 传感器 完成 扬 一 摇 、 感 应 灯 操 
操作 方式 | 使 用 鼠标 操作 ， 操 作 相对 单 作 方式 ， 操 作 方式 更 加 丰富 


屏 壮 尺寸 | 屏 莫大， 视觉 范围 广 ， 可 设计 的 地 方 更 多 ， 设 计 性 更 强 | 相对 米 说 屏 厅 较 小 ， 操 作 局 限 性 大 ， 在 设计 上 可 用 空间 显得 


设备 连接 网 络 相 对 不 稳定 ， 可 能 遇 到 因 信 号 问题 导致 的 网 络 
网 络 环境 | 设备 连接 网 络 更 加 稳定 环境 不 佳 ， 甚 至 断 网 的 情况 
使 用 场景 | 多 为 在 家 、 学 校 或 者 公司 等 固定 场景 ， 使 用 时 间 偏向 于 | 不 受 局 限 ， 使 用 时 间 更 加 灵活 ， 操 作 时 间 多 为 碎片 化 ， 所 以 
持续 化 ， 在 一 个 特定 的 时 间 段 内 持续 使 用 在 操作 上 更 偏向 于 短 时 间 内 可 完成 的 


更 新 频次 | 选 代 时 间 较 长 ， 软 件 更 新 率 低 和 迭代 时 间 较 短 ， 用 户 更 新 率 较 高 


每 个 APP 界 面 通常 由 很 多 元 素 组 成 ， 每 种 元 素 都 有 自己 的 职能 和 外 观 。 不 仅 如 此 ， 每 个 APP 也 都 包含 一 些 常见 的 模 
块 ， 如 导航 栏 、 标 签 栏 、 搜 索 栏 等 ， 在 着 手 制作 之 前 首先 需要 了 解 一 下 各 种 模块 的 功能 和 作用 。 


1.6.1 状态 栏 


部 ， 用 于 显示 手机 的 状 
、 运 营 商 、 电 量 等 信息 。 为 了 配合 APP 的 局 

设计 风格 ， 现 在 状态 栏 和 标题 栏 都 是 融 为 一 体 的 ， 如 国生 相 村 和 相生 

图 1-22 和 图 1-23 所 示 。 


TAKING CARE OF YOUR PET 
HAS NEVER BEEN 
EASIER 


图 1-22 图 1-23 


1.6.2 导航 栏 

导航 栏 用 于 在 应 用 里 对 不 同 的 视图 进行 导航 并 
管理 当前 视图 中 的 内 容 ， 其 中 包含 相应 的 功能 或 者 
页 面 之 间 的 跳 转 按钮 ， 如 图 1-24 和 图 1-25 所 示 。 


图 1-24 图 1-25 


1.6.3 标签 栏 


标签 栏 用 于 切换 视图 、 子 任务 和 模式 ， 并 且 对 程序 层 06:00 © 
上 的 信息 进行 管理 ， 如 图 1-26 和 图 1-27 所 示 。 
07:00 
22:00 ED 
Special Events 
i 20:00 
© 
图 1-32 图 1-33 


1.6.7 ”活动 视图 


活动 视图 是 用 于 执行 特定 任务 的 视图 ， 如 图 1-34 和 图 1-35 


图 1-26 图 1-27 


1.6.4 ”搜索 栏 


在 搜索 栏 中 输入 需要 的 内 容 ， 可 以 快速 帮助 用 户 查找 问 # 
题 ， 从 而 节省 了 时 间 。 为 了 更 好 地 控制 查询 结果 ， 可 以 在 搜 : 
索 栏 添加 一 个 范围 栏 ， 这 样 能 够 帮助 用 户 更 精准 地 定位 自己 # 
想 要 搜索 的 结果 ， 如 图 1-28 和 图 1-29 所 示 。 : 


三 SHoPPER ad 
| 一 | | 
i | 图 1-29 i 
: 图 1-34 图 1-35 
165 I 具 栏 16.8 动作 


工具 栏 包含 一 些 管理 、 控 制 当前 视图 操作 的 工具 ， 如 : 


30 有 则 .31 所 二 动作 菜单 用 于 执行 某 个 动作 ， 例 如 删除 某 一 软件 后 会 弹 


出 询问 继续 或 者 取消 的 对 话 框 ， 如 图 1-36 和 图 1-37 所 示 。 


图 1-30 图 1-31 i You're subscribed! 


1.6.6 表格 视图 Ea 


表格 视图 位 于 整个 界面 的 内 容 区 域 ， 利 用 表格 视图 能 
让 信息 看 起 来 调理 清晰 ， 一 目 了 然 。 表 格 视图 以 单行 多 列 的 
方式 呈现 数据 ， 其 每 行 都 可 划分 为 信息 或 分 组 ， 如 图 1-32 和 : 
图 1-33 所 示 。 : 图 1-36 图 1-37 
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警告 提醒 会 以 窗口 的 形式 弹出 ， 并 且 浮 动 在 整个 界面 浮动 框 并 不 是 一 直 显 示 的 状态 ， 而 是 处 在 一 个 “ 折 释 ” 
中 央 。 它 的 作用 是 通知 用 户 关键 信息 ， 强 制 用 户 做 出 一 些 选 ; 的 状态 ， 在 需要 时 按 一 下 按钮 即 可 显示 浮动 框 ， 在 浮动 框 以 


择 ， 如 图 1-38 和 图 1-39 所 示 。 # 外 的 空白 位 置 单 击 即 可 将 浮动 框 收 起 ， 如 图 1-42 所 示 。 
下 于 2.22 “SACD 
回 热门 经 
聚 认 分 组 编辑 
全 各 关注 好 友 圈 群 微 博 特别 关注 
V+ 向 二 
wf9 分 组 
PE 晴 宠 奇 苑 吐槽 搞笑 
明星 企业 电台 给 画 
电视 副 瘦身 美 妆 作家 
凤 人 旅游 名 人 明星 同学 
同事 悄悄 关注 + 新 建 分 组 
图 1-42 


在 选 定 一 个 对 象 后 ， 例 如 文本 、 图 片 ， 编 辑 菜单 允许 用 : …… 
户 进行 复制 、 粘 贴 、 剪 切 等 操作 ， 如 图 1-40 和 图 1-41 所 示 。 
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‘® iOS 系 统 和 安 卓 系统 


目前 主流 的 手机 系统 分 别 是 iOS 操 作 系 统 和 安 卓 操作 系统 。iOS 是 苹果 公司 专门 为 iPhone 等 设备 开发 的 一 款 操作 系统 ， 
安 卓 系统 是 Google 发 布 的 一 款 基于 Linux 核 心 的 手机 操作 系统 。 不 同 操作 系统 的 设计 规范 是 不 同 的 ， 针 对 不 同 操作 系统 的 
APP 界 面 进行 设计 时 都 要 遵循 相应 的 设计 规范 。 


iOS 是 苹果 公司 专门 为 iPhone 等 设备 开发 的 一 款 操作 系统 。 它 可 以 管理 硬件 设备 ， 并 为 手机 自 带 本 地 程序 应 用 的 实现 提供 
了 基础 技术 。 由 于 iOS 是 一 个 完全 封闭 的 系统 ， 有 着 严格 的 管理 体系 与 评审 规格 ， 因 此 相 比较 而 言 ，iOS 系 统 是 比较 稳定 的 。 

iOS 系 统 不 仅 对 硬件 的 要 求 十 分 严格 ， 而 且 在 界面 上 也 投入 了 很 大 的 精力 ， 致 力 于 为 用 户 提供 最 直观 的 体验 ， 力 争 为 
用 户 带 来 简洁 、 美 观 并 且 容 易 操作 的 视觉 印象 ， 便 于 用 户 操作 且 帮 助 用 户 更 快速 、 深 入 地 掌握 使 用 方法 。 随 着 iOS 的 不 断 更 
新 ， 尺 寸 的 大 小 也 随 之 改变 。iOS 平 台 家 族 成 员 主要 包括 iPhone、iPad、iPod Touch、iPad Mini 等 ， 不 同 设备 的 尺寸 大 小 和 分 
辩 率 各 不 相同 。 以 iPhone 为 例 ， 不 同型 号 的 设备 其 屏幕 尺寸 对 比如 图 1-43 所 示 。 


设备 名 称 屏幕 尺寸 PPI Asset 坚 屏 点 ( point ) 竖 屏 分 辩 率 (px ) 
iphone X 5.8in 458 @3x 375x 812 1125 x 2436 
iPhone 8+, 7+, 6s+, 6+ 5.5 in 401 @3x 414x736 1242 x 2208 
iPhone 8, 7, 6s, 6 47in 326 @2x 375 x 667 750x 1334 
iPhone SE, 5, 5S 5C 40in 326 @2x 320x 568 640 x 1136 
iphone4 4S 3.5in 326 @2x 320x480 640 x 960 
iphone 1, 3G, 3GS 3.5in 163 @lx 320x480 320x480 

图 1-45 


随 着 屏幕 尺寸 的 改变 ， 每 一 个 应 用 程序 的 图 标 大 小 也 随 之 改变 ， 以 确保 应 用 图 标 在 界面 中 看 起 来 整洁 、 美 观 ， 图 标尺 十 
如 图 1-44 所 示 。 


设备 名 称 应 用 图 标 App Store 图 标 Spotlight 图 标 设置 图 标 

iPhone X 8+, 7+, 6s+, 6s 180 x 180 px 1024 x 1024 px 120x120px 87 x 87 px 
pa XB16s GSE, Ss S505, 120 x 120 px 1024 x 1024 px 80x80 px 58x 58 px 
iPhone 1, 3G, 3GS S57x57px 1024 x 1024 px 29 x29 px 29 x 29 px 
ipad Pro 12.9, 10.5 167 x 167 px 1024 x 1024 px 80 x 80 px S8x58px 
a 152x 152 px 1024 x 1024 px 80x 80 px 58x 58 px 
ipad 1, 2 Mini 1 76 x76 px px 1024 x 1024 px 40x40 px 29x29 px 

图 1-44 


安 卓 系统 是 Google 发 布 的 一 款 基于 Linux 核 心 的 手机 操作 系统 ， 主 要 用 于 智能 手机 、 平 板 电 脑 等 移动 设备 ， 是 一 种 开放 源 
代码 的 操作 系统 。 在 智能 产品 市 场 中 ， 由 于 安 卓 系统 的 开放 性 较 强 ， 众 多 厂商 开发 了 大 量 优秀 的 、 功 能 强大 的 产品 ， 用 户 和 
开发 商 可 以 自由 定制 操作 系统 的 界面 ， 也 正 是 因为 这 一 点 ， 才 受到 广大 消费 者 的 青睐 。 

随 着 硬件 设备 的 不 断 升级 ， 移 动 客户 端的 屏幕 尺寸 以 及 分 辨 率 也 越 来 越 大 ， 相 应 的 UI 尺寸 和 图 标 也 随 之 改变 ， 对 比 参数 
如 图 1-45 和 图 1-46 所 示 。 


Android SDK 模 拟 机 的 尺寸 


屏幕 大 小 


小 屏幕 


普通 屏幕 


大 屏幕 


超大 屏幕 


Android 的 图 标尺 寸 


屏幕 大 小 
320x480 px 


480x800px 480x854px 
540x960px 


720x1280 px 


1080x1920 px 


1.8E 


低 密 度 (120 ) 


QVGA (240x320) 


WQVGA400 ( 240x400 ) 
WQVGA432 ( 240x432 ) 


WVGA800 * ( 480x800 ) 
WVGAB854 * ( 480x854 ) 


1024x600 


局 动 图 标 


48x48 px 


72x72 px 


48x48 dp 


144x144 px 


中 等 密度 ( 160 ) 


HVGA ( 320x480) 


WVGAB800 * ( 480x800 ) 
WVGAB854 * ( 480x854 ) 
600x1024 


1024x768 1280x768WXGA 
(1280x800 ) 


图 1-45 
操作 栏 图 标 上 下 文 图 标 
32x32 px 16x16 px 
48x48 px 24x24 px 
32x32 dp 16x16 dp 
96x96 px 48x48 px 
图 1-46 


设计 师 常 用 的 工具 


高 密度 ( 240 ) 


480x640 


WVGA800 ( 480x800 ) 
WVGA854 (480x854) 600x 
1024 


1536x1152 1920x1152 1920 


系统 通知 图 标 (白色 ) 


24x24 px 


36x36 px 


24x24 dp 


72x72 px 


超 高 密度 ( 320 ) 


640x 
960 


2048x1536 
2560x1600 


不 小 于 2 px 


下 小 于 3 px 


不 中 于 2 dp 


不 小 于 6 px 


“i < 
通过 前 面 的 学 习 ， 我 们 了 解 到 UI 设计 并 不 是 简单 的 制图 ， 其 工作 内 容 可 能 涉及 文案 撰写 、 原 型 制作 、 图 像 处 理 、 矢 
量 绘图 、 三 维 制图 、 动 效 制作 、 图 像 压 缩 等 方面 。 所 以 ， 简 单 来 说 ，UI 设 计 可 以 用 到 的 软件 包括 很 多 种 ， 如 Word、PPT、 
PS、AI、Sketch、Axure、3ds Max、C4D、AE、Flash、Image Optimizer、Axialis IconWorkshop 等 ， 每 种 软件 都 在 特定 的 
域 有 着 不 可 替代 的 作用 。 尽 可 能 多 地 掌握 以 上 软件 的 操作 ， 有 助 于 设计 师 们 更 加 便捷 、 流 畅 地 制作 出 预想 的 效果 。 
的 Microsoft Word: 基本 的 办 公 软 件 ， 可 以 用 于 文字 的 编辑 处 理 。 
把 Microsoft Office PowerPoint: 简称 PPT， 是 一 种 倾向 于 演示 文稿 的 程序 ， 能 够 便捷 地 查看 、 创 建 、 编 辑 高 品质 的 演讲 
文稿 ， 表 达 方式 直观 、 形 象 。 
的 Photoshop: Adobe Photoshop， 简 称 PS， 是 由 Adobe Systems 开 发 和 发 行 的 图 像 处 理 软件 ， 在 图 像 、 图 形 、 文 字 、 视 
频 、 出 版 等 各 方面 都 有 涉及 。 
的 lllustrator: Adobe Illustrator， 是 Adobe 系 统 公司 推出 的 基于 矢量 的 图 形制 作 软 件 。 广 泛 应 用 于 插画 设计 、 平 面 设计 、 


UI 设计 等 多 个 领域 。 


区 


疮 Sketch: 是 一 款 轻 量 、 易 用 的 矢量 设计 工具 ， 目 前 主要 应 用 在 网 页 、 图 标 ， 以 及 界面 设计 中 。 但 除了 矢量 编辑 的 功能 


外 ， 我 们 同样 添加 了 一 些 基本 的 位 图 工具 。 

多 Axure RP: 是 美国 Axure Software Solution 公 司 旗舰 产品 ， 是 一 个 专业 的 快速 原型 设计 工具 ， 让 负责 定义 需求 和 规格 、 
设计 功能 和 界面 的 专家 能 够 快速 创建 应 用 软件 或 Web 网 站 的 线 框图 、 流 程 图 、 原 型 和 规格 说 明文 档 。 作 为 专业 的 原型 
设计 工具 ， 它 能 快速 、 高 效 地 创建 原型 ， 同 时 支持 多 人 协作 设计 和 版 本 控制 管理 。 

的 3ds Max: 3ds Max 是 一 款 应 用 非常 广泛 的 三 维 模型 制作 软件 ， 功 能 强大 、 应 用 广泛 ， 具 有 较 强 的 扩展 性 ， 建 模 功能 强 
大 、 效 果 逼 真 ， 常 用 于 制作 界面 中 出 现 的 三 维 元 素 ， 或 者 带 有 三 维 效果 的 图 标 等 。 

的 CINEMA 4D: 简称 C4D， 是 一 款 全 面 的 三 维 软件 ， 具 有 建 模 、 材 质 、 灯 光 、 绑 定 、 动 画 、 演 染 等 功能 ， 效 率 较 高 。 同 
样 常用 于 制作 界面 中 出 现 的 三 维 元 素 ， 或 者 带 有 三 维 效果 的 图 标 等 。 

多 Adobe XD: 是 一 款 集 矢量 绘图 设计 和 原型 制作 于 一 体 的 强大 软件 ， 它 也 是 一 款 真正 实现 UI 设计 和 UX 设计 功能 于 一 体 
的 强大 软件 。 

多 Adobe After Effects， 简 称 AE， 该 软件 为 图 形 视频 处 理 软件 ， 可 以 高 效 且 精确 地 创建 无 数 种 引 人 注 目的 动态 图 形 和 震 
撼 人 心 的 视觉 效果 。 

的 Image Optimizer: 图 像 压缩 软件 ， 具 有 极 高 的 压缩 率 ， 且 不 影响 图 像 的 品质 。 

的 Axialis IlconWorkshop: 是 一 款 功能 强大 的 图 标 设计 工具 ， 被 用 来 创建 、 提 取 、 转 换 、 管 理 和 发 布 Windows (R) 
图 标 。 
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UI 设 计 的 基本 流程 一 般 可 以 分 为 5 个 步骤 : 需求 分 析 阶 段 一 分 析 设 计 阶 段 一 调研 验证 阶段 一 方案 改进 阶段 一 用 户 验证 
反馈 阶段 。 


1. 需求 分 析 阶 段 


从 字面 意思 上 我 们 就 能 够 理解 什么 是 需求 分 析 ， 它 也 是 本 次 设计 的 出 发 点 。 在 对 需求 进行 分 析 时 ， 可 以 从 使 用 者 、 使 
用 环境 、 使 用 方式 3 个 方面 进行 需求 分 析 。 所 以 在 对 一 款 APP 进 行 设计 之 前 ， 我 们 应 该 先 了 解 使 用 群体 有 哪些 ， 例 如 用 户 
的 年 龄 、 性 别 、 收 入 、 教 育 水 平 ， 这 款 APP 会 在 何 种 场合 进行 应 用 ， 是 在 家 里 、 办 公 室 、 学 校 、 医 院 还 是 在 公共 空间 ， 最 
后 考虑 如 何 使 用 这 款 APP。 改 变 上 面 的 任何 一 个 元 素 ， 其 结果 都 会 有 相应 的 改变 。 与 此 同时 还 需要 参考 同类 竞争 产品 ， 吸 
取经 验 ， 弥 补 自身 不 足 ， 只 有 知已 知 彼 才能 设计 出 更 好 的 产品 。 

2. 分 析 设计 阶段 

经 过 一 番 对 需求 的 分 析 ， 接 下 来 到 了 设计 阶段 。 首 先 我 们 应 该 制作 一 个 体现 用 户 定位 的 词语 坐标 。 例 如 制作 一 款 男性 
潮流 服饰 购物 软件 ， 定 位 在 18 一 35 岁 的 青少年 男性 。 对 于 这 类 用 户 ， 我 们 分 析 得 到 的 关键 词 有 品质 、 精 美 、 高 档 、 男 性 、 
时 尚 、 个 性 、 粗 狐 、 潮 、 轻 奢 、 亲 和 、 暖 男 等 。 分 析 这 些 关键 词 时 ， 我 们 发 现 有 些 词 是 必须 要 体现 的 ， 如 品质 、 时 尚 、 轻 
奢 、 潮 。 但 有 些 词 是 相互 矛盾 的 ， 必 须 放弃 一 些 ， 如 粗 久 、 亲 和 等 。 接 着 收集 与 必须 体现 关键 词 相 呼应 的 图 片 ， 这 样 根据 
关键 词 的 图 片 ， 设 计 出 数 套 不 同 风格 的 界面 。 

3 调研 验证 阶段 


所 设计 不 同 风格 的 界面 需要 在 同一 个 设计 水 平 上 ， 这 样 才 能 得 到 最 真实 客观 的 反馈 。 在 调研 阶段 需要 从 以 下 几 个 问题 
出 发 。 


(1) 用 户 对 各 套 方案 的 第 一 印象 。 
(2) 用 户 对 各 套 方案 的 综合 印象 。 
(3) 用 户 对 各 套 方案 的 单独 评价 。 
(4) 选 出 最 喜欢 的 。 
(5) 选 出 其 次 喜欢 的 。 


于 江 I 中 闪 bs 翰 二 小 


分: 


次 虑 | 号 花 中 测验 


a 
加 


DI dodsoloud @ 


In 于 冶 


涉 司 六 


I 


ii 


Fm te 


二 UI 与 色彩 


颜色 是 UT 的 第 一 印象 能 够 反映 出 整体 的 设计 感觉 ， 虽 然 颜色 有 千 千 万 万 种 ， 但 是 在 色彩 搭配 中 还 是 有 规律 可 循 的 ， 


e 学 习 色彩 的 基础 知识 ， 能 够 在 日 后 的 学 习 和 设计 过 程 中 更 容易 掌控 色彩 ， 搭 配 出 最 佳 的 设计 方案 。 
了 

9 

加 色彩 的 三 属性 是 指 色彩 具有 的 色相 、 明 度 、 纯 度 3 种 性 质 ， 如 图 2-1 所 示 。 

8 1. 色相 

中 色相 是 指 色 彩 的 相貌 ， 我 们 通过 色相 去 区 别 颜色 ， 例 如 红色 、 绿 色 、 黄 色 。 色 相 是 根据 颜色 光波 长 短 划分 的 ， 只 要 色彩 
针对。 的 波长 相同 ， 色 相 就 相同 ， 波 长 不 同 才 产生 色相 的 差别 ， 例 如 明度 不 同 的 颜色 但 是 波长 处 于 780nm~610nm， 那 么 这 些 颜色 
版 

转轴 。 的 色相 都 是 红色 。 

界 “ 红 、 橙 、 黄 、 绿 、 青 、 蓝 、 

到 的 站 本色 


[ 
设 如 图 2-2 所 示 。 在 各 色 中 间 插 入 一 
于。 两 个 中 间 色 ， 即 可 制 出 12 种 基本 色 


2 相 ， 如 图 2-3 所 示 。 
视 
频 
教 
程 


2 明度 图 2-1 图 2-2 


明度 是 指 颜 色 的 明暗 、 深 浅 上 的 不 同 变化 ， 色 彩 的 明度 越 高， 颜色 越 亮 ， 明 度 越 低 ， 颜 色 越 暗 ， 如 图 2-4 所 示 。 
不 同 明度 的 颜色 其 特点 分 别 如 下 。 
如 高 明度 : 轻快 、 淡 雅 、 清 新 
蝎 中 明度 : 含蓄 、 和 柔和、 稳重 。 
晶 低 明 度 厚重 、 深 沉 、 压 抑 。 


高 明度 中 明度 低 明 度 


低 明 度 


3. 纯度 
纯度 是 指 色彩 的 鲜 浊 程度 ， 也 就 是 色彩 的 饱和 度 。 物 体 的 饱和 度 取 决 于 该 物体 表面 选择 性 的 反射 能 力 。 在 同一 色相 中 添 
加 白色 、 黑 色 或 灰色 都 会 降低 它 的 纯度 ， 如 图 2-5 所 示 。 


低 纯度 高 纯度 低 纯 诬 高 纯度 做 印度 
图 2-5 


UI 设计 中 的 色彩 一 般 分 为 主 色 、 次 色 和 点 缀 色 ， 在 色彩 搭配 过 程 中 不 可 忽略 的 还 有 背景 
色 ， 通 常 背景 色 主 要 起 到 衬托 、 烘 托 的 作用 ， 如 图 2-6 所 示 。 

1. 主 色 

主 色 是 APP 的 代表 色 ， 例 如 YAHOO 的 品牌 颜色 为 紫色 ，Facebook 的 品牌 颜色 为 深 青色 。 
主 色 主要 应 用 在 导航 栏 、 状 态 栏 、 标 签 栏 中 。 主 色 一 定 是 整个 界面 最 抢眼 的 颜色 ， 如 图 2-7 
和 图 2-8 所 示 。 


2. 次 色 
次 色 主 要 用 于 配合 主 色 ， 突 出 、 辅 助 主 色 ， 例 如 在 按钮 按 下 的 状态 ， 一 般 会 选用 与 主 色相 同 的 色调 ， 并 加 黑 或 者 加 白 ， 


以 调整 深浅 明暗 ， 如 图 2-9 所 示 。 
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3. 点 缀 色 
点 组 色 用 来 装点 APP Launch YourApp 
的 颜色 ,通过 点 缀 色 能 ea Scent 
够 让 界面 颜色 看 起 来 更 


加 丰富 ， 一 般 应 用 于 分 
类 导航 图 标 、 设 置 功能 
图 标 、 消 息 通知 、 标 签 
等 ， 如 图 2-10 所 示 。 
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图 2-10 


4. 背景 色 

背景 色 在 APP 中 能 够 起 到 烘托 、 衬 托 的 作用 ， 选 择 纯色 的 背景 能 够 让 界面 看 起 来 简洁 、 干 净 ， 如 图 2-11 和 图 2-12 所 示 。 
渐变 色 的 背景 能 够 让 界面 颜色 更 加 丰富 ， 富 有 动感 。 因 为 背景 色 的 面积 大 ， 因 此 有 的 时 候 可 将 背景 色 同 时 作为 界面 的 主 色 ， 
如 图 2-13 和 图 2-14 所 示 。 
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1. 邻近 色 对 比 

色相 环 中 相 邻 的 3 个 颜色 为 邻近 色 。 邻 近 色 的 特点 是 色相 、 色 差 的 对 比 度 都 是 很 小 的 ， 能 够 营造 出 丰富 的 质感 和 层次 ， 
如 图 2-15 所 示 。 

2. 对 比 色 对 比 

在 色 环 中 ， 相 隔 120” 左 右 的 两 种 颜色 为 对 比 色 ， 在 色彩 搭配 中 ， 通 常会 采用 三 角形 配色 的 方式 ， 这 种 方式 所 选 的 颜色 
之 间 互 为 对 比 色 。 这 种 配色 方案 颜色 丰富 ， 对 比 强烈 ， 容 易 营造 活泼 、 动 感 的 氛围 ， 如 图 2-16 所 示 。 
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图 2-16 


J 
b.2) UI 信 息 布 局 方式 


在 进行 UI 设 计 的 过 程 中 ， 要 面 对 一 个 特别 重要 的 问题 ， 就 是 要 考虑 信息 优先 级 和 各 种 布局 方式 的 契合 度 ， 应 采用 最 合 
适 的 布局 设计 方案 来 提高 移动 产品 的 易 用 性 和 交互 体验 。 本 节 将 讲解 以 下 几 种 常见 的 信息 布局 方式 。 


1- 宫 格 布局 法 


宫 格 布局 法 又 叫 作 网 格 布 
局 ， 最 常见 的 有 九宫 格 、 六 富 格 
等 布局 方式 ， 这 类 布局 方式 可 使 
信息 内 容 展示 的 方式 简单 明了 ， 
通过 图 文 结 合 ， 方 便 信 息 的 传递 
与 理解 。 宫 格 布局 法 可 非常 方便 
地 适 配 所 有 的 移动 手机 机 型 ， 因 
为 这 样 的 结构 是 最 有 利于 内 容 区 
域 随 屏幕 分 辩 率 不 同 而 自动 伸展 


宽 高 ， 同 时 也 是 iOS 和 Android 开 发 


人 员 比 较 容易 编写 的 一 种 布局 方 
式 ， 如 图 2-17 所 示 。 


2. 列表 布局 法 


列表 布局 就 是 以 列表 的 形式 
展示 具体 内 容 ， 并 且 能 够 根据 数 
据 的 长 度 自 适 应 显示 ， 这 是 一 种 
可 以 滚动 的 列表 布局 方式 。 无 论 
是 iOS 还 是 Android 都 有 现成 的 列 
表 布 局 插件 和 模板 。 列 表 布 局 法 
常用 于 分 类 信息 的 展示 ， 例 如 产 
品 列表 、 对 话 框 列表 等 ， 如 图 2-18 
所 示 。 
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大 图 展示 布局 法 以 生动 有 趣 的 图 
像 作为 画面 主体 ， 这 类 布局 多 见于 引导 
页 和 一 些 图 片 分 享 APP， 以 及 摄影 类 的 
APP 等 ， 如 图 2-19 所 示 。 
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在 APP 中 添加 图 表 信 息 能 够 让 表达 
更 加 清晰 、 明 确 ， 也 能 够 让 APP 更 具 商 
务 气质 ， 例 如 运动 APP、 人 金融 APP、 天 
气 预报 APP 等 ， 如 图 2-20 所 示 。 
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图 2-19 
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图 2-20 


5. 标签 布局 法 

标签 布局 法 以 标签 的 方式 
显示 它 的 子 视 图 元 素 ， 在 界面 
中 可 以 显示 多 个 标签 ， 例 如 单 
击 搜索 栏 后 会 显示 关键 词 、 热 
度 词 等 ， 这 种 布局 方式 可 以 根 
据 用 户 需 要 快速 做 出 判断 ， 符 
合 操作 习惯 ， 如 图 2-21 所 示 。 


6 瀑布 布局 法 


瀑布 布局 法 通过 错落 有 致 
的 布局 ， 同 时 视线 随 着 屏幕 不 
断 向 下 流动 ， 通 过 不 断 地 加 载 
更 多 内 容 ， 特 别 容易 让 人 沉浸 
其 中 ， 这 种 布局 方法 适合 内 容 
频繁 更 新 的 情况 ， 例 如 图 片 赏 
析 类 APP、 社 交 类 APP、 短 视 
频 类 APP 等 ， 如 图 2-22 所 示 。 


7- 卡片 布局 
每 张 卡片 都 带 有 一 张大 的 图 片 ， 图 片 能 够 增加 吸引 力 ， 并 帮助 用 户 分 辨 每 个 项 目 之 间 的 区 别 。 这 种 布局 方式 使 每 个 卡 


片 的 信息 承载 量 增 大 ， 转 化 率 增高 ， 并 
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# 且 每 张 卡 片 的 操作 都 是 互相 独立 ， 互 不 干扰 的 ， 如 图 2-23 所 示 。 
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图 2-23 


2.3: 


本 设计 在 给 人 直观 感受 的 同时 也 是 塑造 企业 形象 、 吸 引用 户 的 关键 所 在 ， 随 着 界面 设计 趋势 的 不 断 变化 ， 各 式 各 样 的 
FEF 化、 微 质 感 、 渐 变色 、 又 加 水 波纹 、 幽 灵 按 钮 、 抽 层 式 菜单 、 模 糊 背景 图 片 、 


UI 设计 风格 层出不穷 ， 例 如 拟 物化 、 扁 了 
无 边框 界面 、 彩 色 图 标 等 。 


2.3.1 拟 物化 
拟 物化 设计 主要 是 通过 模拟 现实 物品 的 造型 和 质感 带 给 受众 熟悉 和 亲切 的 感觉 ， 比 较 容易 被 接受 和 理解 ， 如 图 2-24 和 


图 2-25 所 示 。 
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图 2-24 图 2-25 


2.3.2 扁平 化 


扁平 化 设计 风格 与 拟 物 化 相反 ， 它 趋向 于 扁 、 平 ， 主 张 去 掉 多 余 的 透视 、 纹 理 与 装饰 效果 ， 将 设计 简化 ， 直 接 突 出 功能 
本 身 。 同 时 扁平 化 又 有 简约 时 尚 、 容 易 设 计 的 特点 ， 如 图 2-26 一 图 2-28 所 示 。 
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图 2-26 图 2-27 图 2-28 


2.3.3 微 质感 
微 质感 是 介 于 “ 超 质感 ”和 “抽象 化 ”之 间 的 一 种 设计 风格 ， 通 常 利用 必要 的 符号 传达 寓意 ， 点 到 为 止 ， 如 图 2-29 和 
图 2-30 所 示 。 


图 2-29 图 2-30 
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2.3.4 渐变 色 


渐变 色 能 够 增强 色彩 的 空间 感 ， 同 时 也 避免 了 单一 颜色 带 来 的 枯燥 感 。 合 理 使 用 渐变 色 可 以 吸引 用 户 的 视觉 焦点 ， 在 UI 
设计 中 加 入 渐变 色 的 应 用 能 够 起 到 演 染 气氛 、 提 升 美感 、 传 递 情绪 等 作用 ， 如 图 2-31 和 图 2-32 所 示 。 


图 2-31 图 2-32 


2.3.5” 符 加 水 波纹 


受 加 水 波纹 通过 钢笔 工具 勾勒 出 平滑 波动 的 线条 形状 ， 并 填充 多 彩 的 渐变 颜色 ， 通 过 调整 图 像 的 不 透明 度 制 作出 相互 重 
营 的 感觉 。 受 加 水 波纹 常用 做 分 割 线 ， 给 人 优雅 、 灵 动 的 美感 ， 如 图 2-33 和 图 2-34 所 示 。 
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图 2-33 


2.3.6 ”幽灵 按钮 
“ 薄 ” 和 “ 透 ”是 幽灵 按钮 最 大 的 特点 ， 不 设 底 色 ， 不 加 纹理 ， 给 人 一 种 通 透 而 简约 的 视觉 感受 ， 如 图 2-35 和 图 2-36 所 示 。 
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图 2-35 图 2-36 


2.3.7” 抽 层 式 菜单 


抽 层 式 菜单 分 为 上 下 和 左右 两 个 方向 。 一 般 情况 下 屏幕 项 部 〈 左 侧 ) 会 有 一 个 工具 栏 
会 自动 弹出 下 拉 菜 单 ， 另 一 种 情况 是 在 默认 情况 下 ， 抽 层 式 菜单 将 会 被 隐藏 ， 如 图 2-37 所 示 。 
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图 2-37 


2.3.8 ”模糊 背景 图 片 


模糊 背景 图 片 的 UI 设 计 风 格 既 避免 了 单调 乏味 的 视觉 感受 ， 又 能 够 突出 元 素 的 主体 ， 如 图 2-38 一 图 2-40 所 示 。 
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图 2-58 图 2-59 
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图 2-40 


将 光标 定位 到 工具 栏 的 选项 上 ， 


部 填 果 涝 东 In 卫 ! 协 读 潍 


无 边框 的 UI 设计 与 卡片 式 设计 恰恰 相反 ， 它 摆脱 了 烦琐 的 边框 束缚 ， 使 画面 整体 看 上 去 灵活 、 生 动 ， 大 大 提高 了 界面 的 
利用 率 ， 如 图 2-41 和 图 2-42 所 示 。 
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图 标 广 泛 应 用 在 APP 设 计 中 ， 它 能 够 减少 用 户 阅读 量 ， 帮 助 用 户 理 解 文字 含义 。 彩 色 图 标 颜色 丰富 ， 变 化 多 样 ， 能 够 引 
起 用 户 的 注意 。 彩 色 图 标 分 为 单 色 渐变 图 标 、 多 色相 组 合 图 标 和 多 渐变 色 组 合 图 标 ， 如 图 2-43 和 图 2-44 所 示 。 
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图 2-43 


0 ne Photoshop 新 手 学 视频 精 讲课 堂 \ 熟 悉 Photoshop CC 的 界面 与 工具 .flv 
Photoshop 是 一 款 由 Adobe Systems 开 发 和 发 行 的 图 像 处 理 软件 ， 是 UI 设计 乃至 各 类 设计 领域 都 经 常 使 用 的 一 款 软件 。 


首先 我 们 来 认识 一 下 Photoshop 的 操作 界面 。 
了 双击 桌面 上 的 Photoshop 图 标 即 可 打开 Photoshop， 如 图 3-1 所 示 。 为 了 完整 地 观察 到 整个 photoshop 的 操作 界面 ， 可 以 在 
全 打开 Photoshop 后 单 击 界面 左 侧 的 “打开 ”按钮 ， 在 弹出 的 对 话 框 中 选择 一 个 图 片 ， 并 单 击 “ 打 开 ” 按 钮 ， 如 图 3-2 所 示 。 
随即 图 片 在 Photoshop 中 打开 ， 此 时 软件 的 全 貌 才 得 以 呈现 ， 如 图 3-3 所 示 。Photoshop 的 工作 界面 由 菜单 栏 、 选 项 栏 、 标 题 
8 栏 、 工 具 箱 、 状 态 栏 、 文 档 窗 口 ， 以 及 多 个 面板 组 成 。 单 击 窗口 右上 角 的 “关闭 ”按钮 x ]， 即 可 关闭 软件 窗口 。 也 可 
8 以 执行 “文件 > 退出 ”命令 快捷 键 :，Ctrl+Q》 退 出 Photoshop。 
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| 侈 选 页 解读 ，Photoshop 界 面 构成 详解 | 


四 菜单 栏 ，Photoshop 的 菜单 栏 包含 多 个 菜单 命 邻 ， 每 个 菜单 命令 又 包含 了 多 个 菜单 ， 而 且 部 分 半音 中 还 有 相应 的 子 某 
单 。 执 行 菜单 命令 的 方法 十 分 简单 ， 只 要 单 击 主 菜单 命令 ， 然 后 从 弹出 的 子 菜单 中 选择 相应 的 命令 ， 即 可 打开 该 菜 ， 
单 下 的 命令 。 

多 工具 箱 : 将 鼠标 指针 移动 到 工具 箱 中 停留 片刻 ， 将 会 出 现 该 工具 的 名 称 和 操作 快捷 键 ， 其 中 工具 的 右 下 角 带 有 三 角形 
图 标 表 示 这 是 一 个 工具 组 ， 每 个 工具 组 中 又 包含 多 个 工具 ， 在 工具 组 按钮 上 单 击 所 标 右键 即 可 弹出 隐藏 的 工具 。 1 
键 单 击 工具 箱 中 的 某 一 个 工具 ， 即 可 选择 该 工具 ， 如 图 3-4 所 示 。 

人 @ 选项 栏 在 使 用 工具 时 ， 也 可 以 进行 一 定 的 选项 设置 ， 工 具 的 选项 大 部 分 集中 在 选项 栏 中 。 单 击 工具 箱 中 的 工具 时 ， 

选项 栏 中 就 会 显示 出 该 工具 的 属性 参数 选项 ， 不 同 工 具 其 选项 栏 也 不 同 ， 例 如 ， 当 选择 “ 裁 前 工具 ” 国 时 ， wl 
栏 会 显示 如 图 3-5 所 示 的 内 容 。 当 选择 “画笔 工具 ”图 胃 时 ， 其 选项 栏 会 显示 如 图 3-6 所 示 的 内 容 。 
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图 3-6 


入 图 像 窗口 : 图 像 窗口 是 Photoshop 中 最 主要 的 区 域 ， 也 是 面积 最 大 的 区 域 。 图 像 窗口 主要 是 用 来 显示 和 编辑 图 像 ， 在 操 
作 中 我 们 可 以 根据 需要 对 图 像 窗口 的 大 小 、 位 置 等 进行 操作 。 图 像 窗 口 一 般 由 标题 栏 、 文 档 窗口 组 成 。 打 开 一 个 文 
档 以 后 ，Photoshop 会 自动 创建 一 个 标题 栏 。 在 标题 栏 中 会 显示 这 个 文档 的 名 称 、 格 式 、 窗 口 缩放 比例 ， 以 及 颜色 模式 
等 信息 。 文 档 窗口 是 显示 打开 图 像 的 地 方 。 

入 状态 栏 :状态 栏 位 于 工作 界面 的 最 底部 ， 用 来 显示 当前 图 像 的 信息 ， 包 括 当 前 文档 的 大 小 、 文 档 尺 寸 、 当 前 工具 和 窗 
口 缩放 比例 等 。 单 击 状态 栏 中 的 三 角形 图 标 》， 可 以 设置 要 显示 的 内 容 。 

馈 面板 ， 默认 状态 下 ， 在 工作 界面 的 右 侧 显示 着 多 个 面板 或 面板 的 图 标 ， 其 实 面板 的 主要 功能 是 配合 图 像 的 编辑 、 对 操 
作 进行 控制 ， 以 及 设置 参数 等 。 如 果 想 打开 某 个 面板 可 以 单 击 “窗口 ”菜单 ， 然 后 执行 需要 打开 的 面板 命令 ， 即 可 
调 出 对 应 的 面板 。 


后 
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25H 高手 小 贴 士 : 如 何 让 窗口 变 为 默认 状态 


| 在 操作 的 过 程 中 ， 难 免 会 打开 一 些 不 需要 的 面板 ， 或 者 一 些 面板 并 没有 “ 规 规矩 和 拭 ”地 堆栈 在 原来 的 位 置 。 逐 个 的 
| 重新 抑 疯 调整 又 费时 费力 ， 这 时 可 以 执行 “窗口 > 工作 区 > 复位 基本 功能 ”命令 ， 就 可 以 把 凌乱 的 界面 恢复 到 默认 状态 。 


.2 文件 的 基本 操作 


加 


竟 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 使 用 Photoshop 创 建新 文件 .flv 

(1) 启动 Photoshop 之 后 ， 执 行 “ 文 件 > 新 建 ”命令 快捷 键 : CHHN) ， 或 者 单 击 界面 左 侧 的 “新 建 ”按钮 ， 如 图 3-7 所 
示 ， 随 即 就 会 打开 “新 建文 档 ” 对 话 框 。 这 个 对 话 框 大 体 可 以 分 为 3 个 部 分 ,顶端 是 预 设 的 尺寸 选项 组 ， 左 侧 是 预 设 选项 或 最 近 
使 用 过 的 项 目 ， 右 侧 是 自 定义 


国 FREE sae Een aL ZFm Wa Am [se | 
选项 设置 区 域 ， 如 图 3-8 所 示 。 CE 
(2) 如 果 需 要 选择 系统 == 
未 标题 1 他 


内 置 的 一 些 预 设 文档 尺寸 ， 可 人 0 
以 单 击 预 设 选项 组 的 名 称 ， 然 
后 选择 一 个 合适 的 “ 预 设 ” 


图 标 ， 单 击 “ 创 建 ” 按 钮 ， lee 
即 可 完成 新 建 。 例 如 新 建 一 te 上 


个 iPhone 6 Plus 尺 寸 的 空白 文 
档 ， 就 需要 单 击 “移动 设备 ” 


按钮 ， 然 后 单 击 iPhone 6 Plus E | 

选项 ， 在 右 侧 就 可 以 看 到 相应 

的 尺寸 。 接 着 单 击 “ 创 建 ” 按 1 

钮 ， 如 图 3-9 所 示 。 图 3-7 图 5-8 
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(3) 如 果 需 要 制作 比较 特殊 的 尺寸 ， 就 需要 自己 手动 设置 ， 即 直接 在 对 话 框 右 侧 进行 “宽度 ”“ 高 度 ” 等 参数 的 设 
置 。 单 击 “高 级 选项 ”按钮 能 够 展开 隐藏 的 选项 ， 如 图 3-10 所 示 。 
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Ci 
全 选项 解读 ，“ 新 建文 档 ” 对 话 框 设置 选项 
全 宽度 /高 度 : 设置 文件 的 宽度 和 高 度 ， 其 单位 有 “像素 ”“ 英 寸 ”“ 厘 米 ”“ 毫 米 ”“ 点 ”“ 派 卡 ”“ 列 ”7 种 。 
全 分 状 率 用 来 设置 文件 的 分 辩 率 大 小 ， 其 单位 有 “像素 /英寸 ”和 “像素 /厘米 ”两 种 。 创 建新 文件 时 ， 文 档 的 宽 
度 与 高 度 通常 与 实际 印刷 的 尺寸 相同 (超大 尺寸 文件 除外 ) 。 而 在 不 同情 况 下 分 辩 率 需要 进行 不 同 的 设置 。 通 常 来 
说 ， 图 像 的 分 辩 率 越 高 ， 印 刷 出 来 的 质量 就 越 好 。 但 也 不 是 任何 图 像 都 需要 将 分 辩 率 设置 为 较 高 的 数值 。 一 般 印 刷 
品 分 辩 率 为 150dpi 一 300dpi， 高 档 画 册 分 辩 率 为 550dpi 以 上 ， 大 幅 的 喷绘 广告 1 米 以 内 分 辩 率 为 70dpi 一 100dpi， 巨 幅 喷 绘 分 辩 
率 为 25dpi， 多 媒体 显示 图 像 的 分 辨 率 为 72dpij。 当 然 分 辩 率 的 数值 并 不 是 一 成 不 变 的 ， 需 要 根据 计算 机 以 及 印刷 精度 等 实 
际 情况 进行 设置 。 
入 颜色 模式 ， 设 置 文件 的 颜色 模式 以 及 相应 的 颜色 深度 。 
入 背景 内 容 ， 设 置 文件 的 背景 内 容 ， 有 “白色 ”“ 和 背景 色 ”“ 透 明 ”3 个 选项 。 
高 级 选项 ， 展 开 该 选项 组 ， 在 其 中 可 以 进行 “颜色 配置 文件 ”和 “像素 长 宽 比 ”的 设 


各 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 在 Photoshop 中 打开 文件 .fiv 
(1) 执行 “文件 > 打开 ”命令 ， 在 弹出 的 “打开 ”对 话 框 中 定位 到 需要 打开 的 文档 所 在 的 位 置 ， 接 着 单 击 选中 文档 ， 然 


后 单 击 “打开 ”按钮 ， 如 图 3-11 所 示 。 随 即 可 打开 该 文档 ， 如 图 3-12 所 示 。 
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图 5-12 
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° 
| 在 Photoshop 中 可 以 打开 很 多 种 常见 的 图 像 格式 文件 ， 例 如 JPG、BMP、PNG、GIF、PSD 等 。 


(2) 在 “打开 ” 


对 话 框 中 可 以 一 次 性 加 
加 选 多 个 文档 进行 打 ”他 款 2 
开 。 可 以 按 住 展 标 左 ”|@O" mer ra [5] gr 至 
键 拖 忠 框 选 多 个 文 、| 器” ee= =s- me 


档 ， 也 可 以 按 住 cal 键 | aasse ||s ~ 
单 击 多 个 文档 。 然 后 | “本 -J 
单 击 “ 打 开 ” 按 钮 ， ee I 


如 图 3-13 所 示 。 接 着 RFE 
被 选中 的 多 张 照片 就 2 

都 被 打开 了 ， 但 默认 | wns 村 

情况 下 只 能 显示 其 中 ER 一 一 三 
一 张 照 片 ， 如 图 3-14 Ja Ej 
所 示 。 
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有 时 在 “打开 ”对 话 框 中 已 经 找到 了 图 片 所 在 的 文件 天 ， 却 没 看 到 要 打开 的 图 片 。 

遇 到 这 种 情况 ， 首 先 我 们 需要 看 一 下 “打开 ”对 话 框 底部 ，“ 文 件 名 ” 右 侧 是 否 显示 的 是 ER j， 如 有 果 显 
示 着 “所 有 格式 ”表明 此 时 所 有 Photoshop 支 持 的 格式 文件 都 可 以 被 显示 。 一 旦 此 处 显示 了 某 个 特定 格式 ， 那 么 其 他 格式 的 
文件 即使 存在 于 文件 类 中 ， 也 无 法 被 显示 。 解 决 办 法 就 是 单 击 下 拉 箭 头 ， 设 置 为 “所 有 格式 ”就 可 以 了 。 

如 果 还 是 无 法 显示 要 打开 的 文件 ， 那 么 可 能 这 个 文件 并 不 是 Photoshop 所 支持 的 格式 。 如 何 知道 Photoshop 支 持 哪 些 格式 
2 可 以 在 “打开 ”对 话 框 底部 单 击 格式 列表 看 一 下 其 中 包含 的 文件 格式 。 


0 


(3) 同时 打开 了 多 个 文档 ， 默认 情况 下 窗口 中 只 显示 一 个 文档 。 单 击 文档 名 称 即 可 切换 到 相对 应 的 文档 窗口， 如 图 3-15 
所 示 。 

(4) 将 光标 移动 至 文档 名 称 上 ， 按 住 鼠 标 左 键 向 界面 外 拖 上 忠 ， 如 图 3-16 所 示 。 松 开 鼠 标 后 ， 文 档 即 变 为 浮动 的 状态 ， 如 
图 3-17 所 示 。 若 要 恢复 为 堆 又 的 状态 ， 可 以 将 浮动 的 窗口 拖 忠 到 文档 窗口 上 方 ， 当 出 现 蓝 色 边框 后 松 开 鼠标 即 可 完成 堆栈 ， 
如 图 3-18 所 示 。 

(5) 要 一 次 性 查 
看 多 个 文档 ， 除 了 让 
窗口 浮动 之 外 还 有 一 
个 办 法 ， 就 是 通过 设 
置 “窗口 排列 方式 ” 
进行 查看 。 执 行 “ 窗 
口 > 排列 ”命令 ， 在 子 
菜单 中 可 以 看 到 文档 
的 多 种 显示 方式 ， 如 
图 3-19 所 示 。 如 图 3-20 
所 示 为 “三 联 垂直 ” 
排列 效果 。 
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和 @ 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 置 入 素材 文件 .fiv 
名 技术 速 查 : 置 入 文件 是 将 照片 、 图 片 或 任何 Photoshop 支 持 的 文件 作为 智能 对 象 添加 到 当前 操作 的 文档 中 。 

在 制图 的 过 程 中 需要 向 文档 内 添加 一 些 其 他 图 片 素 材 ， 这 个 操作 就 叫 作 “ 置 入 ”。 

(1) 新 建文 档 或 者 在 Photoshop 中 打开 一 张 图 片 ， 接 着 执行 “文件 > 置 入 嵌入 对 象 ”命令 ,然后 在 弹出 的 对 话 框 中 选择 需 
要 置 入 的 文件 ， 单 击 “ 置 入 ”按钮 ， 如 图 3-21 所 示 。 随 即 选择 的 对 象 会 被 置 入 当前 文档 内 ， 此 时 置 入 的 对 象 边缘 带 有 定 界 框 
和 控制 点 ， 如 图 3-22 所 示 。 


IN 2prg 


图 5-21 图 5-22 


(2) 按 住 鼠标 左 键 拖 忠 定 界 框 上 的 控制 点 可 以 放大 或 缩小 图 像 ， 还 可 进行 旋转 。 按 住 鼠标 左 键 拖 忠 图 像 可 以 调整 置 入 
对 象 的 位 置 缩放、 旋转 等 操作 与 “自由 变换 ”操作 非常 接近 ， 具 体操 作 方法 将 在 “自由 变换 ”小 节 进 行 学 习 ) ， 如 图 3-23 
所 示 。 调 整 完成 后 按 Enter 键 即 可 完成 置 入 操作 ， 此 时 定 界 框 会 消失 。 在 “图 层 ”面板 中 也 可 以 看 到 新 置 入 的 智能 对 象 图 层 

(智能 对 象 图 层 右 下 角 有 项 图 标 ) ， 如 图 3-24 所 示 。 


图 5-25 


(3) 在 智能 图 层 上 单 击 鼠 标 右键 ， 在 弹出 的 快 
捷 菜单 中 执行 “ 栅 格 化 图 层 ” 命 令 ， 如 图 3-25 所 示 。 


vor 
将 智能 图 层 转换 为 普通 图 层 ， 如 图 3-26 所 示 。 转 换 为 这 S 
普通 图 层 后 才能 进行 更 多 的 编辑 操作 ， 例 如 使 用 “ 画 L 

笔 工 具 ” 进 行 绘制 ， 或 者 删除 图 层 中 的 一 部 分 操作 。 


转换 为 外 接 对 象 ， 正常 ~ 不 透明 度 ; 100% ~ 
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图 3-26 


仿 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 文 件 的 储存 .fv CE = ES 
全 技术 速 查 : 存储 文件 将 保留 所 做 的 更 改 ， 并 且 会 蔡 换 上 一 次 存储 | 个 昌 攻 -ee 一 所 [全 天 一 
的 文件 ， 同 时 会 按照 当前 格式 和 名 称 进行 存储 。 i 了 mm 
“存储 ”命令 可 以 保留 对 文档 所 做 的 更 改 ， 并 且 会 蔡 换 上 一 次 保 | se 
存 的 文档 并 进行 保存 。 执 行 “ 文 档 > 储存 ”命令 或 按 Ctrl+S 快 捷 键 可 以 国人 
对 文档 进行 保存 。 如 果 在 第 一 次 对 文档 进行 储存 时 弹出 “另存 为 ”对 站 = 
话 框 ， 在 这 里 可 以 重新 选择 文件 储存 位 置 ， 并 设置 文件 存储 格式 以 及 FE 
文件 名 称 。 rp 本 一 一 
当然 想 要 对 已 经 储存 过 的 文档 更 换 位 置 、 名 称 或 者 格式 进行 储 aa 了 
存 ， 也 可 以 执行 “文件 > 存储 为 ”命令 (快捷 键 : Shiftt+Ctrlt+S) 打开 [和 sons 
“另存 为 ”对 话 框 ， 在 这 里 进行 储存 位 置 、 文 件 名 、 保 存 类 型 的 设 < as 
置 ， 设 置 完 毕 后 单 击 “ 保 存 ” 按 钮 ， 如 图 3-27 所 示 。 a sD 
DESU 
esr [| Cos 


高 手 小 贴 士 ， 存 储 格式 的 选择 | 


四 PSD，PSD 是 Photoshop 的 默认 储存 格式 ， 能 够 保存 图 层 、 蒙 版、 通道 、 路 径 、 未 栅 格 化 的 文字 、 图 层 样式 等 。 在 一 般 情 
。 。 况 下 ,保存 文 件 都 采 用 这 种 格式 ， 以 便 随时 进行 修改 。 
。 9 JPEG: JPEG 是 平时 最 常用 的 一 种 图 像 格式 。 它 是 一 个 景 有 效 、 最 基本 的 有 损 压缩 格式 ， 被 绝 大 多 数 的 图 形 处 理 软件 
所 支持 。 储 存 时 选择 这 种 格式 会 将 文档 中 的 所 有 图 层 合并 ， 并 进行 一 定 的 压缩 。 选 择 此 格式 并 单 击 “ 保 存 ”按钮 之 
。 后, 会 弹出 “upPEG 选 项 ”， 在 这 里 可 以 进行 图 像 品质 的 设置 ， 品 质数 值 越 大 ， 图 像 质量 越 高 文件 大 小 也 就 越 大 。 
| 入 PNG: PNG 是 一 种 专门 为 Web 开 发 的 ， 用 于 将 图 像 压 缩 到 Web 上 的 文件 格式 。PNG 格 式 与 GIF 格式 不 同 的 是 ，PNG 格 式 支持 : 
。 244 位 图 像 并 产生 无 锡 妆 状 的 迁 明 背景 。PNG 格 式 由 于 可 以 实现 无 损 压 缩 ， 并 且 背 景 部 分 是 迁 明 的 ， 因 此 常用 来 存储 

痛 景 选 明 的 素材 。 | 
。 加 GIF:， GIF 格 式 是 输出 图 像 到 网 页 最 常用 的 格式 。GIF 格 式 采用 LZW 压 缩 ， 它 支持 迁 明 背景 和 动画 ， 被 广泛 应 用 在 网 络 
。 中。 网 页 切片 后 常 以 GIF 格式 进行 输出 ， 除 此 之 外 我 们 常见 的 动态 9 表情、 搞笑 动 图 也 是 GIF 格式 的 。 选 择 这 种 格式 ， 接 
着 会 弹出 “索引 颜色 ”对 话 框 ， 在 这 里 可 以 进行 “ 调 板 ” “颜色 ”等 的 设置 ， 为 选 “ 选 明度 ”可 以 保存 图 像 中 的 造 明 ， 
| 部 分 。 
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版 
己 
界 总 TIFF; TIFF 是 一 种 通用 的 图 像 文 件 格式 ，TIFF 格 式 最 大 的 特点 就 是 能 够 最 大 程度 地 保持 图 像 质 量 不 受 影响 ， 该 格式 常 


用 于 对 图 像 文 件 质量 要 求 较 高 的 情况 。 


“导出 为 ”命令 可 以 | -至 - 


方便 地 将 文件 导出 为 特定 | se Er 

格式 、 特 定 尺寸 的 图 片 文 |‖ > - 2 

件 。 对 要 导出 的 文件 执行 

“文件 > 导出 > 导 山 为” | 车 S 玫 天 ee 

命令 ， 在 弹出 的 对 话 框 中 和 各 
可 以 对 导出 文件 的 格式 、 me : 


图 像 大 小 、 画 布 大 小 等 参 
数 进行 设置 ， 随 着 参数 的 


画布 大 小 
设置 还 可 以 在 对 话 框 中 预 me 90 人 
览 导 出 效果 ， 设 置 完毕 后 Wo = 
单 击 “ 全 部 导出 ”按钮 即 a 
可 ， 如 图 3-28 所 示 。 本 
版 权 和 了 Bt 系 合生 
色彩 实则 
[Ed 
」 二 入 蔬 色 本 里 文件 
汉人 了 入 SHE 
0 225 Rn) Camm) 


人 二 解 六 : “导出 为 ”对 活 框 详解 


国 格式 ， 在 下 拉 列表 中 可 以 选择 PNG、JPG、GIF 或 5VG。 如 果 选 择 PNG， 需 要 指定 是 要 导出 启用 了 造 明 度 的 资源 (32 位 ) ,还 
是 要 导出 更 小 的 图 像 (8 位 ) 。 如 果 选 择 JPEG， 需 要 指定 所 需 的 图 像 品质 (0 一 100%) 。GIF 图 像 在 默认 情况 下 为 透明 。 

外 宽度 高度 :指定 图 像 资 源 的 宽度 和 高 度 。 默 认 情 况 下 ， 宽 度 和 高 度 被 锁定 。 更 改 宽 度 时 会 自动 按 相 应 比例 更 改 高 度 。 

向 缩放 ， 指定 导出 图 像 的 缩放 比例 ， 用 于 导出 具有 较 大 或 较 小 分 辨 率 的 图 片 。 需 要 注意 的 是 ， 修 改 缩放 数值 会 影响 图 像 
大 小 。 


| 
| 
| 
| 
| 
| 
| 


和 合 重 新 采样 :在 列表 中 选择 调整 图 像 大 小 时 更 改 图 像 数 据 量 的 方式 。 选 择 “两 次 线性 ”可 以 通过 平均 周围 像素 的 颜色 
值 来 增加 像素 ， 此 方法 会 产生 中 等 质量 的 结果 ; 选择 “两 次 立方 ”可 以 将 周围 像素 值 分 析 作为 依据 的 方法 ， 速 度 较 
慢 ， 但 精度 较 高 ;选择 “两 次 立方 ( 较 平滑 ) ”是 基于 两 次 立方 插值 ， 能 够 产生 更 平滑 效果 的 有 效 图 像 放大 方法 ; 。 | 
“两 次 立方 〈 较 锐利 ) ”是 一 种 可 以 基于 两 次 立方 插值 同时 又 能 增强 锐 化 的 有 效 图 像 缩小 方法 ; 选择 “两 次 立方 | 
(自动 ) ”可 以 为 图 像 自动 选择 合适 的 两 次 立方 取样 方法 ; “邻近 ”是 一 种 速度 快 但 精度 低 的 图 像 像素 模拟 方法 ， 


适用 于 包含 未 消除 铝 上 边缘 的 图 像 ， 能 够 保留 硬 边 缘 并 生成 较 小 的 文件 ; 选择 “保留 细节 ”方式 能 够 更 大 程度 地 保 | 
留 图 像 的 细节 和 锐 化 程度 。 : 


; 
和 9 画布 大 小 : 设置 导出 后 文档 的 画布 尺寸 ， 数 值 大 于 图 像 大 小 则 会 在 周转 留 白 。 数 值 小 于 图 像 大 小 则 会 对 图 像 进 行 裁 切 。 
”9 元 数据 ， 指 定 是 否 要 将 元 数据 (版 权 和 联系 信息 ) 嵌入 导出 的 资源 中 。 | 
”加 色彩 宝 间 : 设置 是 否 要 将 导出 的 资源 转换 为 RGB 色彩 空间 (此 选项 默认 为 已 选中 ) ， 是 否 要 将 颜色 配置 文件 嵌入 导 
i 


章 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 文 件 的 关闭 与 退出 .flv 
执行 “文件 > 关闭 ”命令 〈 快 捷 键 : Ctrl+W) 可 以 关闭 当前 所 选 的 文件 ， 单 击 文档 窗口 右上 角 的 “关闭 ”按钮 国 ， 也 可 
关闭 所 选 文件 。 
执行 “文件 > 关闭 全 部 ”命令 或 按 CtrlHAlt+W 组 合 键 可 以 关闭 所 有 打开 的 文件 。 
执行 “文件 > 退出 ”命令 或 者 单 击 程序 窗口 右上 角 的 “关闭 ”按钮 ， 可 以 关闭 所 有 的 文件 并 退出 Photoshop 。 


NS 
后) 便捷 的 图 像 查 看 工具 


== 加 
在 Photoshop 中 编辑 图 像 文件 的 过 程 中 ， 有 时 需要 观看 整体 画面 ， 有 时 又 需要 放大 显示 画面 的 某 个 局 部 ， 这 时 就 可 以 
使 用 工具 箱 中 的 “缩放 工具 ”和 “ 抓 手工 具 ”。 除 此 之 外 ，“ 导 航 器 ”面板 也 可 以 帮助 我 们 方便 定位 到 画面 的 某 个 部 分 。 


各 技术 速 查 : 使 用 “缩放 工具 ”在 画面 中 单 击 或 按 住 鼠 标 左 键 并 拖 动 即 可 将 图 像 的 显示 比例 进行 放大 和 缩小 。 

“缩放 工具 ” 国 能 够 放大 或 缩小 画面 的 显示 比例 ， 值 得 注意 的 是 使 用 “缩放 工具 ”放大 或 缩小 的 只 是 图 像 在 屏幕 上 显示 
的 比例 ， 图 像 的 真实 大 小 是 不 会 跟着 发 生 改 变 的 。 

(1) 打开 一 张 图 像 ， 如 图 3-29 所 示 。 单 击 工具 箱 中 的 “缩放 工具 ”按钮 尺 ， 将 光标 移动 到 画面 中 ， 单 击 鼠 标 左 键 即 可 放 
大 图 像 的 显示 比例 ， 如 需 放 大 多 倍 可 以 多 次 单 击 ， 如 图 3-30 所 示 。 也 可 以 直接 按 Ctd+ + (加 号 ) 快捷 键 放大 图 像 显 示 比 例 。 
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(2) 若 要 缩小 图 像 显示 比 例 ， 在 “缩放 工具 ”的 选项 栏 中 单 击 “ 缩 小 ”按钮 图 可 以 切换 到 缩小 模式 ， 在 画布 中 单 击 鼠 
标 左 键 可 以 缩小 图 像 显 示 比 例 ， 如 图 3-31 和 图 3-32 所 示 。 也 可 以 直接 按 Ctrl+ -〈 减 号 ) 快捷 键 缩小 图 像 显 示 比 例 。 


[Ela 


“EJ 选项 解读 “缩放 工具 ”选项 栏 
和 9 口 让 窗口 大 小 以 世 屏 旺 示 选中 该 复 选 框 后 ， 在 缩放 窗口 的 同时 自动 调整 窗口 的 大 小 。 
加 口 编 k 所 有 窗口 ， 如 果 当 前 打开 了 多 个 文档 ， 选 中 该 复 先 框 后 可 以 同时 缩放 所 有 打开 的 文档 窗口 。 


小 窗口 。 
加 | 10% |: 单 击 该 按钮 ， 图 像 将 以 实际 像素 的 比例 进行 显示 。 
名 | 阴 同 : 单 击 该 按钮 ， 可 以 在 窗口 中 最 大 化 显示 完整 的 图 像 。 


| 

| 

| 息 回 细 当 缩小， 选中 该 复 选 框 后 ， 在 画面 中 按 住 据 标 左 键 并 向 左 侧 或 右 侧 抑 奥 鼠标 ， 能 够 以 平滑 的 方式 快速 放大 或 缩 
| 

， 馈 | mi 也 |: 单 击 该 按钮 ， 可 以 在 整个 屏幕 范围 内 最 大 化 显示 完整 的 图 像 。 

[3 


时 技术 速 查 : 当 放大 一 个 图 像 后 ， 可 以 使 用 “ 抓 手 工具 ”在 画面 中 按 住 鼠 标 左 键 并 拖 动 ， 从 而 将 图 像 移 动 到 特定 的 区 域内 
以 查看 图 像 。 
当 画 面 显 示 比 例 比较 大 时 ， 有 些 局 部 可 能 无 法 显示 ， 这 时 可 以 使 用 工具 箱 中 的 “ 抓 手工 具 ”l 多 ， 在 画面 中 按 住 鼠 标 左 键 
并 拖 动 ， 如 图 3-33 所 示 。 界 面 中 显示 的 图 像 区 域 发 生 了 变化 ， 如 图 3-34 所 示 。 
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高 手 小 贴 士 : 快速 切换 到 “ 抓 手工 具 ” 


。 在 使 用 其 他 工具 时 ， 按 住 Space 键 ( 即 空格 键 ) 即 可 快速 切换 到 “ 抓 手工 具 ” 状 态 ， 此 时 在 画面 中 按 住 鼠 标 堪 键 并 扼 动 
， 即 可 平移 画面 ， 松 开 Space 键 时 ， 会 自动 切换 回 之 前 使 用 的 工具 。 


AR 
4 错误 操作 的 处 理 


当 我 们 使 用 画笔 和 画布 绘画 时 ， 画 错 了 就 需要 很 费力 地 擦 掉 或 者 盖 住 ， 在 暗房 中 冲洗 照片 ， 如 果 出 现 失 误 ， 照 片 可 能 
就 无 法 挽回 了 。 与 此 相 比 ， 使 用 Photoshop 等 数字 图 像 处 理 软件 最 大 的 便利 之 处 就 在 于 能 够 “ 重 来 ”。 操 作出 现 错误 没 关 
系 ， 简 单一 个 命令 ， 就 可 以 轻 轻松 松 “ 回 到 从 前 ”。 


剖 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 撤 销 返回 与 恢复 文件 .flv 

执行 “编辑 > 还 原 ” 命 令 (快捷 键 : Ctrl+Z) ， 可 以 撤销 最 近 的 一 次 操作 ， 将 其 还 原 到 上 一 步 操 作 状 态 。 如 果 想 取消 还 原 
操作 ， 可 以 执行 “编辑 > 重 做 ”命令 。 这 个 操作 仅 限 于 在 一 个 操作 步骤 中 的 还 原 与 重 做 ， 所 以 使 用 的 并 不 多 。 

很 多 时 候 ， 在 操作 中 需要 对 之 前 执行 的 多 个 步 又 进行 撤销 ， 这 时 就 需要 使 用 “编辑 > 后 退 一 步 ” 命 令 (快捷 键 : 
Ctrl+AlttZ)》， 默 认 情 况 下 这 个 命令 可 以 后 退 最 后 执行 的 20 个 步 又 ， 多 次 使 用 该 命令 
即 可 逐步 后 退 操作 ; 如 果 要 取消 后 退 的 操作 ， 可 以 连续 执行 “ “编辑 > 前 进 一 步 出 a 
(快捷 键 : Shift+Ctrl+Z) 来 逐步 恢复 被 后 退 的 操作 。“ 后 退 一 步 ” 与 “ 
非常 常用 的 操作 ， 所 以 一 定 要 使 用 快捷 键 ， 非 常 方便 ， 如 图 3-35 所 示 。 Aht+Ctrtz 


[村]| 加 从 (加 屋 (文字 VY) 迁 择 ( 
Ctrl+Z 
Shift+Ctr+Z 


高 手 小 贴 士 : 增加 可 返回 的 步骤 数目 


| 跌 认 情况 下 Photoshop 能 金 撤销 20 步 历史 操作 ， 如 果 想 要 增多 ， 可 以 执行 “编辑 > 首选 项 > 性 能 ”命令 ， 然 后 修改 “ 
| 记录 状态 ”的 数值 即 可 。 但 要 注 总， 如 果 将 “历史 记录 状态 ”数值 设置 得 过 大 ， 会 占用 更 多 的 系统 内 存 。 


仿 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 历 史记 录 面 板 的 使 用 -flv 

凡 技术 速 查 : 使 用 “历史 记录 ”面板 会 记录 编辑 图 像 时 进行 的 操作 ， 并且 在 “历史 记录 ”面板 中 可 以 恢复 到 某 一 步 的 状 
态 . 同时 也 可 以 再 次 返回 到 当前 的 操作 状态 。 
在 Photoshop 中 ， 对 文档 进行 过 的 编辑 操作 被 称 为 “历史 记录 ”。 而 


“历史 记录 ”面板 是 Photoshop 中 一 项 用 于 记录 文件 进行 过 的 操作 记录 的 。 、，。 ,www men omene 四 梳妆 
功能 。 执行“ 窗口 > 历史 记录 ”命令 ， 打 开 “ 历 史记 录 ” 面 板 ， 如 图 3-36 。 ** 太 尖 的 沁 -2] wnese 
所 示 。 当 对 文档 进行 一 些 编辑 操作 时 ， 会 发 现 “ 历 史记 录 ”面板 中 会 出 mE 


和 YE 
3 


现 刚刚 进行 的 操作 条 目 。 单 击 其 中 某 一 项 历史 记录 操作 ， 就 可 以 使 文档 
返回 之 前 的 编辑 状态 ， 如 图 3-37 所 示 。 
“历史 记录 ”面板 还 有 一 项 功能 一 “快照 ”。 这 项 功能 可 以 为 某 当前 杖 丰 二 
个 操作 状态 快速 “拍照 ”， 将 其 作为 一 项 “快照 ”， 留 在 “历史 记录 ” 
面板 中 ， 以 便于 在 很 多 操作 步骤 之 后 还 能 够 返回 到 之 前 某 个 重要 的 状 
态 。 选 择 需要 创建 快照 的 状态 ， 然 后 单 击 “ 创 建新 快照 ”按钮 得 ， 如 

图 3-38 所 示 。 即 可 出 现 一 个 新 的 快照 ， 如 图 3-39 所 示 。 


从 当前 状态 创建 新 文档 i 删除 当前 状态 
创建 新 快照 
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图 5-37 图 3-38 图 3-39 


如 需 删除 快照 ， 在 “历史 记录 ”面板 中 选择 需要 删除 的 快照 ， 然 后 单 击 “ 删 除 当前 状态 ”按钮 咏 或 将 快照 拖 钨 到 该 按钮 
接着 在 弹出 的 对 话 框 中 单 击 “ 是 ”按钮 即 可 删除 。 


B.) 使 用 图 层 模式 进行 编辑 


[> 
网 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 图 层 基础 知识 与 图 层面 板 .fv a 元 
只 技术 速 查 ，“ 图 层 ” 面 板 是 创建 、 编 辑 和 管理 图 层 ， 以 及 图 层 样式 的 一 种 直观 sm -moraa。 
的 “控制 器 ”。 P33 -| 7 明度: 100% | 


执行 
除 、 


“加 地 解读 “图 层 ”面板 选项 详解 


钢 证 : 田 ff 中 村 自 十 :10% ~ 


在 Photoshop 中 ， 无 论 是 绘图 还 是 对 图 像 进行 修饰 ， 都 需要 基于 图 层 进行 操作 。 
“窗口 > 图 层 ” 命 令 ， 打 开 “ 图 层 ” 面 板 ， 在 这 里 可 以 对 图 层 进行 新 建 、 删 
选择 、 复 制 等 操作 ， 如 图 3-40 所 示 。 


@ 背景 ES] 


入 四 锁定 透明 像素 ;选中 图 层 ， 单 击 该 按钮 可 以 将 编辑 范围 限制 为 只 针对 图 层 的 不 透明 部 分 。 | 

站 7 锁定 图 像 像素 ;选中 图 层 ， 单 击 该 按钮 可 以 防止 使 用 绘画 工具 修改 图 层 的 像素 。 

站 锁定 位 置 : 选中 图 层 ， 单 击 该 按钮 可 以 防止 图 层 的 像素 被 移动 。 

站 外 防止 在 画板 内 外 自动 谋 套 : 启用 该 功能 后 ， 在 包含 多 个 画板 的 文档 中 移动 图 层 时 ， 不 会 将 图 层 移动 到 其 他 画板 中 

和 9 [| 认定 全 部 ， 先 中 图 层 ， 单 击 该 按钮 可 以 锁定 迁 明 像素 、 图 像 像素 和 位 置 ， 处 于 这 种 状态 下 的 图 层 将 不 能 进行 任何 
操作 。 | 

四 [EN | 没 置 图 层 混合 模式 ， 用 来 设置 当前 图 层 的 混合 模式 ， 使 之 与 下 面 的 图 像 产 生 混合 。 在 下 拉 列 表 中 有 很 多 ， 
混合 模式 类 型 ， 不 同 的 混合 模式 ， 与 下 面 图 层 的 混合 效果 不 同 。 | 

9 5 天 本 [ooy[ -设置 图 层 不 透明 度 ， 用 来 设置 当前 图 层 的 不 造 明 度 。 | 

向 酌 纹 [oox] > | 设置 填充 不 透明 度 : 用 来 设置 当前 图 层 的 填充 不 选 明度 。 该 选项 与 “不 过 明度 ”选项 类 似 ， 但 是 不 会 影响 ， 
图 层 样式 效果 。 | 

名 @ 处 于 显示 /隐藏 状态 的 图 层 ; 当 该 图 标 显示 为 眼睛 形状 时 表示 当前 图 层 处 于 可 见 状态 ， 而 处 于 空白 状态 时 则 表示 为 不 ， 
可 见 状态 。 单 击 该 图 标 可 以 在 显示 与 隐藏 之 间 进 行 切 换 。 


上 m 链 接 图 层 : 选择 多 个 图 层 ， 单 击 该 按钮 ， 所 选 的 图 层 会 被 链接 在 一 起 。 当 链接 好 多 个 图 层 以 后 ， 图 层 名 称 的 右 侧 就 | 上 
会 显示 出 链接 标志 。 被 链接 的 图 层 可 以 在 选中 其 中 菜 一 图 层 的 情况 下 进行 共同 移动 或 变换 等 操作 。 

[多 添加 图 层 样式 : 单 击 该 按钮 ， 在 弹出 的 菜单 中 选择 一 种 样式 ， 可 以 为 当前 图 层 添加 一 个 图 层 样式 。 

@ 创建 新 的 填充 或 调整 图 层 。 单 击 该 按钮 ， 在 弹出 的 菜单 中 选择 相应 的 命令 即 可 创建 填充 图 层 或 调整 图 层 。 
口 创 建新 组 ， 单 击 该 按钮 即 可 创建 一 个 图 层 组 。 

[ 咖 ] 创 建新 图 层 ， 单 击 该 按钮 即 可 在 当前 图 层 上 一 层 新 建 一 个 图 层 。 

[ 便 | 删 除 图 层 : 选中 图 层 ， 单 击 该 按钮 可 以 删除 该 图 层 。 


六 视频 精 讲 : Photoshop 新 手 学 视频 精 = | [= 国 = 5 
讲课 堂 \ 图 层 的 基本 操作 .flv | | ES 
想 要 对 某 个 图 层 进行 操作 就 必须 要 。 | 全 Mma a 二 Re 


入; 图。 全 BR: 00% 


5。 


- 国 ; 
-加 
| “加 在 空白 处 单 击 


选中 该 图 层 ， 在 “图 层 ” 面 板 中 单 击 图 。 et 让 卫衣 i mw bi 定 
层 即 可 将 其 选中 ， 如 图 3-41 所 示 。 如果 要 。 。 国 | ， -及 
选择 多 个 图 层 ， 可 在 按 住 Cl 键 的 同时 单 。“。 国 l | 局 


击 图 层 进行 加 选 ， 如 图 3-42 所 示 。 在 “图 = 

层 ” 面 板 空白 处 单 击 鼠 标 左 键 ， 即 可 取 °°:s -°° > 

消 选择 所 有 图 层 ， 如 图 3-43 所 示 。 所 口 8 白 日 站 虽 扬 口 8 白 昌 全 户口 9G. 日 日 章 
图 3-41 图 5-42 图 5-43 


在 制图 的 过 程 中 ， 新 建 图 层 是 一 个 良好 的 习惯 ,可 以 方便 后 期 的 修改 与 修正 。 在 “图 
层 ” 面 板 底部 单 击 “ 创 建新 图 层 ” 按 钮 [加 |， 即 可 在 当前 图 层 上 一 层 新 建 一 个 图 层 。 单 击 某 
一 个 图 层 即 可 选中 该 图 层 ， 然 后 在 这 个 图 层 中 可 以 进行 绘图 操作 ， 如 图 3-44 所 示 。 


SS %% 高 手 小 贴 士 : 在 选中 图 层 下 方 新 建 图 层 
按 住 Cin 刍 单 击 “ 创 建新 图 层 ” 按 合辑 ] 即 可 在 选中 图 层 的 下 方 新 建 图 层 。 


选中 图 层 ， 单 击 “ 图 层 ” 面 板 底部 的 “删除 图 层 ” 按 3 
钮 [ 语 ]， 如 图 3-45 所 示 。 接着 在 弹出 的 对 话 框 中 单 击 “ 是 ” 


En 图 3-45 图 5-46 
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3.5.4 复制 图 层 


(1) 想 要 复制 某 一 图 层 也 可 以 将 要 复制 的 图 层 拖 披 到 “创建 新 图 层 ” 按 钮 上 ， 释 放 鼠 标 即 可 将 图 层 进行 复制 ， 如 图 3-47 
和 图 3-48 所 示 。 

(2) 单 击 选中 该 图 层 ， 然 后 使 用 快捷 键 CtrltJ 即 可 快速 将 图 层 进行 复制 。 如 果 图 层 中 存在 选区 ， 如 图 3-49 所 示 ， 使 用 快 
捷 键 Ctrl+J 能 够 将 选区 复制 到 独立 图 层 ， 如 图 3-50 所 示 。 
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图 3-47 图 3-48 图 3-49 图 5-50 


3.5.5 调整 图 层 的 堆 释 顺序 


当 文档 中 包含 多 个 重 蚕 的 图 层 时 ， 处 于 “图 层 ” 面 板 上 方 的 图 层 会 遗 挡 下 方 的 图 层 ， 如 图 3-51 所 示 。 如 果 想 调整 图 层 的 
堆 合 顺序， 可 以 在 要 调整 的 图 层 上 按 住 鼠标 左 键 ， 然 后 拖 忠 到 另外 一 个 图 层 的 上 面 或 下 面 ， 即 可 调整 图 层 的 排列 顺序 ， 如 
图 3-52 所 示 。 更 改 图 层 堆 破 顺序 后 ， 画 面 的 效果 也 会 发 生 改变 ， 如 图 3-53 所 示 。 
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图 3-51 图 3-52 图 3-53 
3.5.6 ”图 层 的 合并 | “四 一 
万 类 GTHNA® 


合并 图 层 : 要 想 将 多 个 图 层 合并 为 一 个 图 层 ， 可 
以 在 “图 层 ”面板 中 按 住 Ctrl 键 加 选 需要 合并 的 图 


度 : 100% 


图 A 中 二 个 二 和; 100% 
层 ， 如 图 3-54 所 示 。 然 后 执行 “图 层 > 合 并 图 层 ” 命 . 
令 或 按 Ctl+E 快 捷 键 即 可 ， 如 图 3-55 所 示 。 
7 读书 笔记 
eg 大 口 @ 外 日 合 e 大 四 @ 回 司 合 
图 3-54 图 3-55 
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站 合并 可 见 图 层 ， 如 果 文档 中 有 隐藏 图 层 ， 如 图 3-56 所 示 ， 可 选择 除 隐藏 图 层 以 外 的 任意 图 层 ， 然 后 执行 “图 层 > 合并 可 见 
层 ” 命 令 或 按 ShiftHCtrl+E 组 合 键 ， 可 以 将 合并 “图 层 ” 面 板 中 的 所 有 可 见 图 层 成 为 背景 图 层 ， 如 图 3-57 所 示 。 

站 拼合 图 像 :， “拼合 图 像 ” 命 令 可 以 将 所 有 图 层 都 拼合 到 “背景 ”图 层 中 。 执 行 “ 图 层 > 拼 合 图 像 ” 命 令 即 可 将 全 部 图 层 
合并 到 “背景 ”图 层 中 ， 如 果 有 隐藏 的 图 层 ， 则 会 弹出 一 个 提示 对 话 框 ， 提 醒 用 户 是 否 扔 掉 隐 藏 的 图 层 ， 如 图 3-58 和 
图 3-59 所 示 。 


时 
中 
如 


Adobe Photoshop CC 2018 
A nt 


Ca ws | 品 太 口 B 加 日 从 


图 3-56 图 3-57 图 3-58 图 3-59 


站 盖 印 图 层 ， 盖 印 可 以 将 多 个 图 层 的 内 容 合并 到 一 个 新 的 图 层 中 ， 同 时 保持 其 他 图 层 不 变 。 加 选 多 个 图 层 ， 如 图 3-60 所 
示 。 然 后 使 用 盖 印 图 层 快捷 键 Ctrl+AlttE， 可 以 将 这 些 图 层 中 的 图 像 盖 印 到 一 个 新 的 图 层 中 ， 原 始 图 层 的 内 容 保持 不 


变 ， 如 图 3-61 所 示 。 按 Shift+Ctrl+Alt+E 组 合 键 ， 可 以 将 所 有 可 见 图 层 盖 印 到 一 个 新 的 图 层 中 ， 如 图 3-62 所 示 。 
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栅 格 化 图 层 内容 是 指 将 “特殊 图 层 ”转换 为 普通 图 层 的 过 程 〈 如 图 层 上 的 文字 、 形 状 等 ) 。 选 择 需要 栅 格 化 的 图 层 ， 然 
后 执行 “图 层 > 栅 格 化 ”菜单 下 的 子 命令 ， 或 者 在 “图 层 ”面板 中 选中 该 图 层 并 单 击 鼠标 右键 执行 栅 格 化 。 


好 视频 本 济 Photoshop 新 手 学 视频 精 讲课 堂 \ 图 层 的 对 齐 与 分 布 .fl 


(1) 想 要 移动 某 个 图 层 ， 也 需要 在 “图 层 ” 面 板 中 选中 该 图 层 ， 如 图 3-63 所 示 。 然 后 选择 工具 箱 中 的 “移动 工具 ”中 
接着 在 画布 中 按 住 鼠标 左 键 并 拖 忠 ， 即 可 移动 选中 的 对 象 ， 如 图 3-64 所 示 。 
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在 使 用 “移动 工具 ”移动 图 像 时 ， 按 住 At 键 拖 昌 图像， 可 以 在 复制 图 像 的 同时 ， 生 成 一 个 拷贝 图 层 。 当 在 图 像 中 存 ， 
在 选区 的 情况 下 按 住 At 键 抱 奥 图像， 可 以 在 原 图 层 复 制图 像 ， 不 会 产生 新 图 层 。 


(2) 还 可 以 在 不 同 的 文档 之 间 移动 图 层 。 使 用 “选择 工具 ” 国 | 按 住 鼠 标 左 键 将 其 拖 忠 至 另 一 个 文档 中 ， 如 图 3-65 所 
示 。 松 开 鼠 标 即 可 将 其 复制 到 另 一 个 文档 中 了 ， 如 图 3-66 所 示 。 


人 SS 育 手 小 贴 士 : 移动 选区 中 像素 的 方法 
图 像 中 存在 选区 时 ， 选 中 普通 图 层 使 用 “移动 工具 ”进行 移动 时 ， 选 中 图 层 内 的 所 有 内 容 都 会 移动 ， 且 原 选 区 显 ;; 
为 透明 状态 。 当 选中 的 是 “背景 ”图 层 ， 使 用 “移动 工具 ”进行 移动 时 ， 选 区 画面 部 分 将 会 被 移动 且 原 选区 被 填充 背景 色 。 


灸 技术 速 查 : 使 用 “对 齐 ” 命 令 可 以 对 多 个 图 层 所 处 位 置 进行 调整 . 以 制作 出 秩序 井然 的 画面 效果 。 
在 制图 的 过 程 中 有 了 时 需要 对 多 个 图 像 进行 整齐 地 排列 ， 以 达到 一 种 美的 感觉 。 在 Photoshop 中 提供 了 多 种 对 齐 方式 ， 可 以 


快速 准确 地 排列 图 像 ， 如 图 3-67 一 图 3-69 所 示 为 使 用 到 对 齐 图 层 功能 的 作品 。 
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图 3-67 图 5-68 图 53-69 


在 “图 层 ” 面 板 中 加 选 需 要 对 齐 的 图 层 ， 选 择 工具 箱 中 的 “移动 工具 ”， 选 项 栏 中 有 一 排 对 齐 按 钮 ， 如 图 3-70 所 示 。 单 击 
相应 的 按钮 即 可 进行 对 齐 ， 例 如 单 击 “ 左 对 齐 ” 按 钮 名 ， 效 果 如 图 3-71 所 示 。 单 击 “ 顶 对 齐 ” 按 钮 下 ， 效 果 如 图 3-72 所 示 。 
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图 3-70 图 3-71 图 3-72 


高 手 小 贴 士 : 对 齐 图 层 的 方法 


加 而 硕 对 齐 ， 将 所 选 图 层 最 顶端 的 像素 与 当前 最 顶端 的 像素 对 齐 。 

名 Ir 垂直 居中 对 齐 : 将 所 选 图 层 的 中 心 像素 与 当前 图 层 垂直 方向 的 中 心 像素 对 齐 。 
筷 旦 底 对 齐 : 将 所 选 图 层 的 最 底 端 像素 与 当前 图 层 最 底 阅 的 中 心 像素 对 齐 。 

向 上 左 对 齐 : 将 所 选 图 层 的 中 心 像素 与 当前 图 层 左 边 的 中 心 像素 对 齐 。 

问 水平 居 中 对 齐 : 将 所 选 图 层 的 中 心 像素 与 当前 图 层 水 平方 向 的 中 心 像素 对 齐 。 
站 本 右 对 齐 : 将 所 选 图 层 的 中 心 像素 与 当前 图 层 右边 的 中 心 像素 对 齐 。 


章 技术 速 查 : 使 用 “分 布 ”命令 对 多 个 图 层 的 分 布 方式 进行 调整 ,以 制作 出 秩序 井然 的 画面 效果 。 
“分 布 ” 用 于 调整 出 图 层 之 间 相 等 的 距离 ， 例 如 垂直 方向 的 距离 相等 ， 或 者 水 平方 向 的 距离 相等 。 使 用 “分 布 ”命令 
时 ,文档 中 必须 包含 多 个 图 层 〈 至 少 为 3 个 图 层 ， 且 “背景 ”图 层 除外 〉。 
在 “图 层 ”面板 中 加 选 需要 分 布 的 图 层 ， 选 择 工具 箱 中 的 “移动 工具 ”， 选 项 栏 中 有 一 排 分 布 按钮 ， 如 图 3-73 所 示 。 单 
击 相应 的 按钮 进行 分 布 操作 ， 例 如 单 击 “ 垂 直 居 中 分 布 ” 按 钮 三 ， 效 果 如 图 3-74 所 示 。 


山中 商 


rm 一 
Y 


侍 由 凡凡 慌 图 In | 放 


四 
卫 
i 
2 
Fe 
名 
ys 
o 
二 
OO 
[@ 


In 于 冶 千 


9 


Tomwua = 


4 


是 
四 ,5 


回 @ 


图 3-73 图 3-74 


KW 高 手 小 贴 士 : 分 布 图 层 的 方法 

亚 重 直 顶 部 分 布 ， 单 击 该 按钮 时 ， 将 平均 每 一 个 对 象 顶 部 基线 之 间 的 距离 ， 调 整 对 象 的 位 置 。 
去 垂 直 忆 中 分 布 ; 单 击 该 按钮 时 ， 将 平均 每 一 个 对 象 水 平 中 心 基线 之 间 的 距离 ， 调 整 对 象 的 位 置 。 
玄 底部 分 布 : 单 击 该 按钮 时 ， 将 平均 每 一 个 对 象 底部 基线 之 间 的 距离 ， 调 整 对 象 的 位 置 。 

有 ' 左 分 布 ， 单 击 该 按钮 时 ， 将 平均 每 一 个 对 象 左 侧 基线 之 间 的 距离 、 调 整 对 象 的 位 置 。 

坤 水 平 居 中 分 布 ; 单 击 该 按钮 时 ， 将 平均 每 一 个 对 象 重 直 中 心 基线 之 间 的 距离 ， 调 整 对 象 的 位 置 。 
叫 右 分 布 ， 单 击 该 按钮 时 ， 将 平均 每 一 个 对 象 右 侧 基 线 之 间 的 距离 、 调 整 对 象 的 位 置 。 


操作 步骤 

楼 执行 “文件 > 打开 ”命令 ， 打 开 素 材 文件 “1.psd”， 
如 图 3-76 所 示 ， 可 以 看 到 网 页 左 侧 和 右 下 方 的 区 域 模块 分 布 
非常 不 美观 。 


太 案例 实战 一 一 使 用 对 齐 Bs 
文件 天 径 第 3 章 \ 使 用 对 齐 与 分 布衣 上 整 则 页 U 版 式 
难 易 指数 从 合 合 全 全 


案例 效果 
案例 效果 如 图 3-75 所 示 。 
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图 3-75 i 图 5-76 


留 首先 处 理 底部 的 模块 ， 在 “图 层 ” 面 板 中 按 住 Shift 键 加 选 “ 图 层 1”“ 图 层 2”“ 图 层 3”， 如 图 3-77 所 示 。 执 行 


“图 层 > 对 齐 > 水 平 居中 ”命令 ， 此 
时 3 个 模块 处 于 同一 水 平 线 上 ， 效 果 
如 图 3-78 所 示 。 

区 执行 “图 层 > 分 布 > 垂直 居 
中 ”命令 ， 使 3 个 模块 之 间 的 间距 相 
等 ， 如 图 3-79 所 示 。 然 后 使 用 “移动 
工具 ”适当 调整 图 片 位 置 ， 如 图 3-80 
所 示 。 

名 用 同样 方法 选择 左 侧 的 3 个 
模块 的 图 层 ， 并 执行 “图 层 > 对 齐 > 
左边 ”命令 以 及 “图 层 > 分 布 > 垂直 
居中 ”命令 ， 将 其 摆 放 在 合适 的 位 
置 ， 最 终 效果 如 图 3-81 所 示 。 
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本 小 节 将 主要 介绍 图 像 处 理 的 一 些 基础 操作 ， 例 如 修改 图 像 的 尺寸 、 对 画面 进行 裁剪、 对 图 像 进 行 变形 等 。 


交 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 调 整 图 像 大 

小 .flv 
间 技术 速 查 : 使 用 “图 像 大 小 ”命令 可 以 根据 用 户 需要 

行 尺寸 、 大 小 、 分 辨 率 等 参数 的 更 改 。 

“图 像 大 小 ”命令 可 用 于 调整 图 像 文档 整体 的 长 宽 尺 
才 。 执 行 “ 图 像 > 图 像 大 小 ”命令 打开 “图 像 大 小 ”对 话 框 。 
在 这 里 可 以 进行 宽度 、 高 度 、 分 辩 率 的 设置 ， 在 设置 尺寸 数 
值 之 前 要 注意 单位 的 设置 。 设 置 完 毕 后 单 击 “ 确 定 ”按钮 
提交 操作 ， 接 下 来 图 像 的 大 小 会 发 生 相应 的 变化 ， 如 图 3-82 
所 示 。 


调整 图 像 R 寸 


加 全 大 小 


图 多 大小: 731.0K be 
尺 十 “| 600 像素 x 450 像素 
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图 3-82 


启用 “缩放 样式 ”图 后 ， 在 对 图 像 大 小 进行 调整 后 ， 其 原 有 的 样式 会 按照 比例 进行 缩放 。 在 “重新 采样 ”下 拉 列 表 框 中 
可 以 选择 重新 取样 的 方式 。 


竟 视频 精 讲 : Photoshop 新 手 学 视频 精 讲 课堂 \ 调 整 画布 大 小 -fv 画布 大 小 区 本 |] 
“画布 ” 指 的 是 整个 可 以 绘制 的 区 域 而 非 部 分 图 像 区 域 ， 使 用 “画布 大 小 ”命令 ts (RE) 
号 可 以 增 大 或 缩小 可 编辑 的 画面 范围 。 执 行 “ 图 像 > 画布 大 小 ”命令 打开 “画布 大 小 ”对 高 度 ，15.88 原矿 现 ) 
[a 话 框 ， 如 图 3-83 所 示 。 SRA 7910K 
5 宽度 (W); 21.17 厘米 
如 高 硬 (H); 115.88 硬 米 ~ 
OO 相对 (R) 
3 守信 [4[ 有 | 
文 Zi 
人 画布 扩展 闫 色 , | 背景 “ 口 

图 5-83 


区 和 选项 解读 “画布 大 小 ”对 话 框 详解 

总 新 建 大 小 : 在 “宽度 ”和 “高 度 ” 选 项 中 设置 修改 后 的 画布 尺寸 。 

四 相对 : 选中 该 复 选 框 时 ，“ 宽 度 ” 和 “高 度 ” 数 值 将 代表 实际 增加 或 减少 的 区 域 的 大 小 ， 而 不 再 代表 整个 文档 的 大 
小 。 输 入 正 值 表示 增加 画布 ， 输 入 负 值 表示 减 小 画布 。 

加 定位 : 主要 用 来 设置 当前 图 像 在 新 画布 上 的 位 置 。 

向 画布 扩展 颜色 ， 当 新 建 大 小 大 于 原始 文档 尺 十 时， 在 此 处 可 以 设置 扩展 区 域 的 填充 颜色 。 


增 大 画布 大 小 ， 原始 图 像 内 容 的 大 小 不 会 发 生变 化 ， 增 加 的 是 画布 在 图 像 周 围 的 编辑 空间 ， 增 大 的 部 分 则 使 用 先 定 的 填 
充 颜 色 进 行 填充 。 但 是 如 果 减 小 画布 大 小 ， 图 像 则 会 被 裁 切 掉 一 部 分 ， 如 图 3-84 所 示 。 


扩大 画布 缩小 画布 


图 3-84 


总 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 裁 切 与 裁剪 图 像 .人 

“裁剪 工具 ” 妃 阿 以 通过 在 画面 中 绘制 特定 区 域 的 方式 确定 保留 范围 ， 区 域 以 外 的 部 分 会 被 删除 。 

单 击 工具 箱 中 的 “裁剪 工具 ”按钮 ， 在 画面 中 按 住 鼠 标 左 键 并 拖 息 ， 绘 制 出 要 保留 的 范围 。 松 开 鼠 标 后 ， 要 被 裁减 掉 的 
区 域 显示 为 被 半 透 明 灰 色 和 覆盖 的 效果 ， 如 图 3-85 所 示 。 此 时 如 果 对 裁剪 的 范围 不 满意 ， 可 以 将 鼠标 放 在 裁剪 框 上 ， 按 住 鼠 标 左 
键 拖 动 裁剪 框 大 小 来 调整 裁 前 区域， 如 图 3-86 所 示 。 调 整 完 成 后 ， 按 Enter 键 确定 裁剪 ， 多 余 区 域 将 被 删 掉 ， 如 图 3-87 所 示 。 
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韶 设 定 栽 剪 框 的 长 宽 比 Ea | 用 来 自 定义 约束 比例 。 

入 [5 _]: 单 击 该 按钮 清除 长 宽 比 。 

间 拉 直 图 : 通过 在 图 像 上 画 一 条 直线 来 拉 直 图 像 。 | 

多 出 除 裁剪 的 像素 ， 确 定 是 否 保留 或 删除 裁剪 框 外 部 的 像素 数据 。 如 果 不 选 中 该 复 选 框 ， 多 余 的 区 域 可 以 处 于 隐藏 状 ， 
态 ， 如 果 想 要 还 原 裁 切 之 前 的 画面 ， 只 需要 再 次 选择 “裁剪 工具 ”， 然 后 随意 操作 即 可 看 到 原文 档 。 


| 单 击 工具 箱 中 的 “ 裁 前 工具” 按钮 七， 在 其 选项 栏 中 可 以 进行 约束 方式、 拉 直 等 选项 的 设置 ， 如 图 3-88 所 示 。 | 
| | 
: a 过 E 。 呈 # 直 加 时 条 了 的 像素 有 站 识别 1 
We | 
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i ”加 约 束 方式 Ll 同 让 在 下 拉 列 表 中 可 以 选择 多 种 裁 切 的 约束 比例 。 | 
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! | 
| 
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六 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 旋 转 图 像 .flv 

“图 像 > 图 像 旋转 ”下 的 子 命令 可 以 emes ER 
使 图 像 旋转 特定 角度 或 进行 翻转 。 选 择 需 ” 
要 旋转 的 文档 ， 如 图 3-89 所 示 ， 执 行 “ 图 
像 > 图 像 旋转 ”命令 ,可 以 看 到 在 “图 像 ， 
旋转 ”命令 下 有 6 种 旋转 画布 的 命令 ， 如 ， 
图 3-90 示 。 如 图 3-91 所 示 为 执行 各 个 命令 
的 效果 。 

选择 “任意 角度 ”命令 可 以 对 图 像 } 
进行 任意 角度 的 旋转 ， 在 打开 的 “旋转 画 
布 ” 对 话 框 中 输入 要 旋转 的 角度 ， 单 击 : 
“确定 ”按钮 即 可 完成 相应 角度 的 旋转 ， 
如 图 3-92 所 示 ， 旋 转 效 果 如 图 3-93 所 示 。 
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内 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \18. 变 换 与 自由 变换 .flv 
时 技术 速 查 : “编辑 > 变换 ”菜单 提供 了 各 种 变换 命令 ,使 用 这 些 命令 可 以 对 

图 层 、 路 径 、 矢 量 图 形 、 矢 量 蒙 版 、Alpha 通 道 ， 以 及 选区 中 的 图 像 进 行 变 

换 操作 。Photoshop 可 以 对 图 像 进 行 非常 强大 的 变换 操作 ， 例 如 缩放 、 旋 

转 、 斜 切 、 扭曲 、 透 视 ， 变 形 、 翻 转 等 。 

(1) 选中 需要 变换 的 图 层 ， 执 行 “编辑 > 自由 变换 ”命令 快捷 键 : 
CtrlHT) ， 此 时 对 象 四 周 出 现 了 界定 框 ， 四 角 处 以 及 界定 框 四 边 的 中 间 都 有 控制 
点 ， 如 图 3-94 所 示 。 将 鼠标 放 在 控制 点 上 ， 按 住 鼠 标 左 键 拖 动 控制 框 即 可 进行 缩 
放 ， 如 图 3-95 所 示 。 

(2) 将 光标 放 在 四 角 处 的 控制 点 上 并 按 住 Shift 键 ， 可 以 在 保持 图 像 长 宽 比 
的 前 提 下 进行 缩放 ， 图 像 不 会 变形 ， 如 图 3-96 所 示 。 将 光标 定位 到 界定 框 以 外 ， 
光标 变 为 弧 形 的 双 箭头 ， 此 时 按 住 鼠 标 左 键 并 拖 动 光标 即 可 以 任意 角度 旋转 图 
像 ， 如 图 3-97 所 示 。 在 旋转 过 程 中 按 住 Shift 键 可 以 以 15” 的 倍数 进行 旋转 。 图 5-94 
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图 5-95 图 5-96 图 3-97 


(3) 在 自由 变换 状态 下 ， 在 画面 中 单 击 和 鼠标 右键 可 以 看 到 更 多 的 变换 方式 ， 如 图 3-98 所 示 。 使 用 “和 斜 切 ”可 以 使 图 像 倾 
斜 ， 从 而 制作 出 透视 感 。 按 住 鼠标 左 键 拖 动 控制 点 即 可 沿 控制 点 的 单一 方向 实现 倾斜 ， 如 图 3-99 所 示 。 

(4) 在 自由 变换 状态 下 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 执行 “扭曲 ”命令 ， 可 以 任意 调整 控制 点 的 位 置 ， 如 图 3-100 
所 示 。 在 自由 变换 状态 下 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 执行 “透视 ”命令 ， 然 后 随意 拖 忠 定 界 框 上 的 控制 点 ， 其 他 控 
制 点 会 自动 发 生变 化 ， 在 水 平 或 垂直 方向 上 对 图 像 应 用 透视 ， 如 图 3-101 所 示 。 


图 3-98 图 5-99 


(5) 使 用 “变形 ”命令 可 以 对 图 
像 内 容 进行 自由 变形 扭曲 。 在 自由 变换 
状态 下 单 击 鼠 标 右 键 ， 在 弹出 的 快捷 菜 
单 中 执行 “变形 ”命令 ， 图 像 上 将 会 出 
现 网 格 状 的 控制 框 。 在 网 格 上 按 住 鼠标 
左 键 并 拖 动 ， 调 整 网 格 形态 实现 对 图 像 
的 变形 ， 如 图 3-102 所 示 。 此 时 在 选项 
栏 中 可 以 选择 一 种 形状 来 确定 图 像 变形 
的 方式 ， 如 图 3-103 所 示 。 

(6) 在 自由 变换 状态 下 单 击 鼠标 
右键 ， 在 弹出 的 快捷 菜单 中 还 可 以 看 
到 另外 3 个 命令 : 旋转 180 度 、 顺 时 针 
旋转 90 度 、 逆 时 针 旋 转 90 度 ， 这 3 个 命 
令 可 以 使 图 像 按 照 规 定 角度 旋转 。 直 
接 选 择 这 3 个 命令 ， 就 可 以 应 用 旋转 ， 
如 图 3-104 所 示 。 


原 图 


(7) “水 平 翻转 ”与 “ 垂 
直 翻 转 ” 命 令 非常 常用 ， 可 以 
使 图 像 进行 水 平方 向 、 垂 直方 
向 的 翻转 ， 如 图 3-105 所 示 。 
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案例 效果 
案例 效果 如 图 3-106 所 示 。 


图 5-106 


Tm | 


eiSrS onrSHo+ 


3 0: 加 >、 和 < 


六 这 例 实 战 使用 自 由 变换 制 界面 展示 效果 


: 框 中 选择 “1.jpg” 
i 捍 放 在 画面 中 合适 的 位 置 ， 如 图 3-110 所 示 。 调 整 完成 后 按 
i Enter 键 完成 置 入， 在 “图 层 ” 面 板 中 右 击 该 图 层 ， 在 弹出 
上 的 快捷 菜单 中 执行 “ 栅 格 化 图 层 ”命令 ， 将 其 转换 为 普通 图 
i 层 ， 如 图 3-111 所 示 。 


操作 步骤 

车 执行 “文件 > 新 建 ”命令 ， 创 建 一 个 新 的 文档 。 接 
下 来 制作 渐变 背景 ， 选 择 工具 箱 中 的 “渐变 工具 ”， 然 后 单 
击 选 项 栏 中 的 渐变 色 条 ， 在 弹出 的 “渐变 编辑 器 ”中 编辑 一 
种 蓝 色 系 渐变 ， 接 着 单 击 “渐变 编辑 器 ”中 的 “确定 ” 按 
钮 。 单 击 选项 栏 中 的 “线性 渐变 ”按钮 ， 如 图 3-107 所 示 。 


i 然后 在 “图 层 ”面板 中 选中 需要 填充 的 图 层 ， 在 画面 中 按 住 
i 鼠标 左 键 自 上 而 下 从 左 到 右 拖 动 ， 如 图 3-108 所 示 。 释 放 鼠 
上 标 后 完成 填充 操作 ， 如 图 3-109 所 示 。 


七 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 在 弹出 的 对 话 
， 单 击 “ 置 入 ”按钮 。 接 着 将 置 入 的 素材 


El Li Ne a PAD 


图 3-107 


区 制作 立体 界面 展示 效果 。 首 
先 在 “图 层 ”面板 中 单 击 选中 素材 1 图 
层 ， 接 着 使 用 自由 变换 快捷 键 Ctrl+T， 
此 时 对 象 进入 自由 变换 状态 ， 将 光标 定 
位 到 定 界 框 一 角 处 ， 按 住 鼠 标 左 键 并 拖 
动 ， 将 其 缩放 到 合适 大 小 ， 如 图 3-112 所 
示 。 接 着 在 对 象 上 单 击 鼠 标 右 键 ， 在 弹 
出 的 快捷 菜单 中 执行 “扭曲 ”命令 ， 如 
图 3-113 所 示 。 


了 3 将 光标 定位 到 定 界 框 的 一 个 控 
制 点 上 ， 按 住 鼠 标 左 键 并 拖 动 ， 调 整 对 
象形 态 ， 然 后 将 光标 定位 到 另 一 个 控制 
点 ， 继 续 调整 形态 。 呈 现 斜 切 透视 感 
画面 ， 如 图 3-114 所 示 。 调 整 完成 后 按 
Enter 键 完成 操作 ， 如 图 3-115 所 示 。 


图 3-110 


图 3-112 


隔 为 图 片 添加 投影 效果 。 在 “图 层 ” 面 板 中 选中 该 图 层 ， 执 行 “ 图 层 > 图 层 样式 > 投影 ”命令 ， 在 弹出 的 “图 层 样式 ” 
对 话 框 中 设置 “混合 模式 ”为 “正片 琶 底 ”， 颜 色 为 黑色 ，“ 不 透明 度 ” 为 40%，“ 和 角度” 为 23 度 ，“ 距 离 ” 为 4 像素 ，“ 大 
小 ”为 1 像素 ， 如 图 3-116 所 示 ， 此 时 效果 如 图 3-117 所 示 。 
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器 在 “图 层 ” 面 板 中 单 击 选中 该 图 层 ， 使 用 复制 图 层 快捷 键 Ctrl+J， 复 制 出 一 个 相同 的 图 层 。 然 后 按 住 Ctrl 键 ， 此 时 上 妃 
标 箭头 变 为 移动 图 标 ， 接 着 按 住 复制 出 的 图 右 下 方 拖 上 忠 ， 如 图 3-118 所 示 。 

区 制作 阴影 效果 。 新 建 图 层 ， 将 前 设置 ， 选 择 工具 箱 中 的 “画笔 工具 ”， 在 其 选项 栏 中 单 击 画 笔 预 设 “ 选 
取 器 ”， 设 置 画 笔 “ 大 小 ”为 150 像 素 ， 选 择 常规 画笔 中 的 “和 柔 边 圆 ”， 设 置 “不 透明 度 ” 为 80%， 如 图 3-119 所 示 。 接 着 在 


图 片 下 方 按 住 鼠 标 涂抹 ， 如 图 3-120 所 示 。 
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了 单 击 选中 该 “阴影 ”图 层 ， 将 “阴影 ”图 层 移 到 图 片 下 方 ， 如 图 3-121 所 示 ， 此 时 画面 效果 如 图 3-122 所 示 。 
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图 5-120 图 3-121 图 5-122 


加 可 以 看 出 此 时 阴影 过 于 浓厚 。 单 击 选中 该 “阴影 ”图 层 ， 在 “图 层 ” 面 板 中 设置 其 “不 透明 度 ” 为 50%， 如 图 3-123 
所 示 ， 最 终 画 面 效果 如 图 3-124 所 示 。 
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图 5-123 图 35-124 


间 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 内 容 识别 比例 .fv 
间 技术 速 查 : 常规 缩放 在 调整 图 像 大 小 时 会 统一 影响 所 有 像素 . 而 “内 容 识别 缩放 ”命令 主要 影响 没有 重要 可 视 内 容 区 域 
中 的 像素 。 
使 用 “内 容 识别 缩放 ”命令 进行 变换 可 以 最 大 限度 地 保护 画面 主体 像素 的 同时 ， 变 动 、 调 整 画 面 的 幅面 结构 或 比例 。 
选择 需要 变换 的 对 象 ， 如 图 3-125 所 示 。 执 行 “ 编 辑 > 内 容 识 别 缩放 ”命令 ， 随 即 会 显示 定 界 框 ， 接 着 进行 缩放 操作 ， 
拖 动 控制 点 可 以 发 现 画面 中 的 主体 图 案 并 没有 变形 ， 如 图 3-126 所 示 。 调 整 完成 后 按 Enter 键 确定 变换 操作 。 若 使 用 “自由 变 
换 ” 命 令 对 画面 进行 缩放 ， 可 以 看 到 横向 缩放 后 的 图 形变 形 严重 ， 如 图 3-127 所 示 。 


图 5-125 图 3-126 


i “内 容 识 别 缩放 ” 克 许 在 调整 大 小 的 过 程 中 使 用 Apha 通 道 来 保护 内 容 。 可 以 在 “通道 ”面板 中 创建 一 个 用 于 “保护 ” 特 | 
; 定 内 容 的 Apha 通 道 (需要 保护 的 内 容 为 白色 ， 其 他 区 域 为 黑色 ) 。 然 后 在 选项 栏 的 “保护 ”下 拉 列 表 中 选择 该 通道 即 可 。 | 
单 击 选项 栏 中 的 “保护 肤色 ”按钮 [ 乔 ， 在 缩放 图 像 时 可 以 保护 人 物 的 肤色 区 域 ， 避 和 免 人 物 变形 。 


一 


[2 
名 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 使 用 Photoshop 辅 助 对 象 .fv 
Photoshop 中 提供 了 多 种 辅助 工具 ， 可 以 辅助 用 户 更 加 准确 而 便捷 地 进行 绘图 操作 。 


(1) 执行 “视图 > 标尺 ”命令 或 按 Ctrl+R 快 捷 键 ， 可 以 ee 


看 到 窗口 项 部 和 左 侧 会 出 现 标 尺 ， 标 尺 上 显示 着 精准 的 数值 ， 
在 对 文档 的 操作 过 程 中 可 以 进行 精确 的 尺寸 控制 ， 如 图 3-128 
所 示 。 

(2) 标尺 与 参考 线 总 是 一 起 使 用 的 。 参 考 线 的 创建 非 
常 简单 ， 将 光标 放置 在 垂直 标尺 上 ， 按 住 鼠 标 左 键 向 文档 窗 
口内 拖 鼻 ， 此 时 光标 为 业 状 ， 如 图 3-129 所 示 。 拖 电 至 相应 
位 置 后 松 开 鼠标 ， 即 可 建立 一 条 参考 线 ， 如 图 3-130 所 示 。 
如 果 在 水 平 的 标尺 上 按 住 鼠 标 左 键 并 拖 动 则 可 创建 一 条 水 平 
的 参考 线 。 

(3) 如 果 要 移动 参考 线 ， 可 以 选择 “移动 工具 ”中 
然后 将 光标 放置 在 参考 线 上 ， 当 光标 变 成 分 隔 符 形状 业 时 ， 
按 住 鼠 标 左 键 拖 动 参考 线 即 可 ， 如 图 3-131 所 示 。 若 要 将 某 
一 条 参考 线 删除 ， 可 以 选择 该 参考 线 ， 然 后 拖 电 至 标尺 处 ， 
松 开 鼠标 即 可 删除 该 参考 线 ， 如 图 3-132 所 示 。 
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“网 格 ” 主 要 用 于 辅助 用 户 在 制图 过 程 中 更 好 地 绘制 出 标准 化 图 形 。 执 行 “ 视 图 > 显示 > 网 格 ” 命 令 ， 就 可 以 在 画布 中 显 
示 出 网 格 ， 如 图 3-133 和 图 3-134 所 示 。 再 次 执行 该 命令 可 以 隐藏 网 格 。 
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图 3-133 


ER 
.9] 打印 设置 


设计 作品 制作 完成 后 ， 经 常 需要 打印 成 为 纸 质 的 实物 。 想 要 进行 打印 首先 需要 设置 合适 的 打印 参数 。 


执行 “文件 > 打印 ”命令 ， 打 开 “Photoshop 打 印 设置 ”对 话 框 ， 在 这 里 可 以 进行 打印 参数 的 设置 。 首 先 需 要 在 右 侧 顶 前 
设置 要 使 用 的 打印 机 ， 输 入 打印 份 数 ， 选 择 打印 版 面 。 单 击 “ 打 印 设置 ”按钮 ， 可 以 在 弹出 的 对 话 框 中 设置 打印 纸张 的 尺 
寸 。 还 可 以 在 “位 置 和 大 小 ”选项 组 中 设置 文档 位 于 打印 页 面 的 位 置 和 缩放 大 小 (也 可 以 直接 在 左 侧 打 印 预览 图 中 调整 图 像 
大 小 ) 。 勾 选 “ 居 中 ”选项 ， 可 以 将 图 像 定 位 于 可 打印 区 域 的 中 心 ， 关闭 “居中 ”选项 ， 可 以 在 “项” 和“ 左 ”输入 框 中 输 
入 数值 来 定位 图 像 ， 也 可 以 fn NT Eo 
在 预览 区 域 中 移动 图 像 进行 ne Lr FE 
自由 定位 ， 从 而 打印 部 分 图 二 
像 。 选 中 “缩放 以 适合 介质 ” 
复 选 框 ， 可 以 自动 缩放 图 像 
到 适合 纸张 的 可 打印 区 域 
不 选中 “缩放 以 适合 介质 ” 
复 选 框 ， 可 以 在 “缩放 ” 选 
项 中 输入 图 像 的 缩放 比例 
或 在 “高 度 ” 和 “宽度 ”选项 
中 设置 图 像 的 尺寸 。 选 中 “ 打 
印 选 定 区 域 ” 复 选 框 可 以 启用 | 
对 话 框 中 的 裁剪 控制 功能 ， 
整定 界 框 移动 或 缩放 图 像 ， 如 
图 3-135 所 示 。 
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执行 “编辑 > 打印 一 份 ”命令 ， 即 可 以 设置 好 的 打印 选项 快速 打印 当前 文档 。 
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在 photoshop 中 处 理 图 像 时 ， 经 常 需要 针对 局 部 效果 进行 调整 。 通 过 选择 特定 区 域 ， 可 以 对 该 区 域 进行 编辑 并 保持 未 
定 区 域 不 会 被 改动 。 这 时 就 需要 为 图 像 指 定 一 个 有 效 的 编辑 区 域 ， 这 个 区 域 就 是 “选区 ”。 无 论 是 进行 平面 设计 、 照 片 
理 还 是 创意 合成 ， 都 离 不 开 选 区 ， 如 图 4-1 一 图 4-3 所 示 为 使 用 选区 技术 进行 制作 的 作品 。 


图 4-1 图 4-2 图 4-3 
选区 可 以 应 用 在 制图 的 各 个 环节 中 ， 而 选区 的 基本 功能 无 外 乎 “限制 作用 区 域 ”以 及 “ 抠 图 ”这 两 项 。 如 图 4-4 所 


示 ， 需 要 调整 界面 颜色 ， 这 时 就 可 以 使 用 “磁性 套 索 工具 ”或 “钢笔 工具 ”绘制 出 需要 调 色 的 区 域 选区 。 然 后 就 可 以 对 这 
些 区 域 进行 单独 调 色 ， 如 图 4-5 所 示 。 


图 4-4 图 4-5 
选区 的 另外 一 项 重要 功能 是 分 享 图 像 局 部 ， 也 就 是 抠 图 。 要 将 图 中 的 前 景物 体 分 离 出 来 ， 这 时 就 可 以 使 用 “快速 选择 


工具 ”或 “磁性 套 索 工具 ”制作 主体 部 分 选区 ， 如 图 4-6 所 示 。 接 着 将 选区 中 的 内 容 复 制 粘贴 到 其 他 合适 的 背景 文件 中 ， 


并 


# 添 加 其 他 合成 元 素 即 可 完成 一 个 合成 作品 ， 如 图 4-7 所 示 。 
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Photoshop 中 包含 多 种 选区 工具 以 及 选区 编辑 En 
调整 命令 ， 主 要 分 布 于 工具 箱 的 上 半 部 分 以 及 菜 2 
单 栏 的 “选择 ”菜单 中 ， 如 图 4-8 和 图 4-9 所 示 。 0 Sie 
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图 4-8 图 4-9 


选 框 工 具 组 位 于 工具 箱 的 上 半 部 分 ， 右 击 该 按钮 即 可 弹出 
该 工具 组 的 其 他 工具 ， 如 图 4-10 所 示 。 通 过 这 些 工具 可 以 轻松 
绘制 矩形 选区 、 正 方形 选区 、 椭 圆 选区 、 正 圆 选区 、 单 行 选区 
和 单列 选区 ， 如 图 4-11 所 示 。 


图 4-11 
| 选项 解读 : 选 框 工 具 组 的 工具 选项 栏 已 * 加 名品 甸 :0 仿 素 日 和 RBS 站 | 
”使 用 选 框 工具 组 中 的 工具 时 ， 在 选项 栏 中 会 出 现 相似 的 选项 设置 ,以 ” , i 
“椭圆 选 框 工具 ”为 例 ， 如 图 4-12 所 示 。 图 4-12 | 


的 回 am aa 选区 运算 : 选区 的 运算 可 以 将 多 个 选区 进行 “ 相 加 ”“ 相 减 ”“ 交 又 ”“ 排 除 ” 等 操作 而 获得 新 的 选区 。 例 
| 如 在 已 有 一 个 选区 时 ， 想 要 绘制 第 二 个 选区 ， 如 图 4-15 所 示 。 不 同 的 运算 方式 会 得 到 不 同 的 效果 ， 单 击 “ 新 选区 ” 按 ， 
| 徊 可 ， 可 以 创建 一 个 新 选区 ， 如 图 4-14 所 示 。 如 果 已 经 存在 选区 ， 那 么 新 创建 的 选区 将 替代 原来 的 选区 。 单 击 “ 添 ， 
加 到 选区 ”按钮 外 ， 可 以 将 当前 创建 的 选区 添加 到 原来 的 选区 中 ( 按 住 Shift 键 也 可 以 实现 相同 的 操作 ) ， 如 图 4-15 ， 
所 示 。 单 击 “ 从 选区 减 去 ”按钮 回 ， 可 以 将 当前 创建 的 选区 从 原来 的 选区 中 减 去 ( 按 住 Alt 键 也 可 以 实现 相同 的 操 ， 
作 ) ， 如 图 4-16 所 示 。 单 击 “与 选区 交叉 ”按钮 回 ， 新 建 选 区 时 只 保留 原 有 选区 与 新 创建 的 相交 部 分 ( 按 住 ShiftHAlt ， 
快捷 键 也 可 以 实现 相同 的 操作 ) ， 如 图 4-17 所 示 。 : 
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图 4-13 图 4-14 图 4-16 
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全 到 Cb 久 素 ]: 主要 用 来 设置 选区 边缘 的 虚 化 程度 。 羽 化 值 趋 大 ， 庶 化 范围 赵 宽 ; 羽化 值 越 小 ， 虚 化 范围 越 窜 ; 以 
图 4-18 所 示 的 图 像 边 缘 锐 利 程度 模拟 羽化 数值 分 别 为 0 像素 与 20 像 素 时 的 边界 效果 。 

名 口 注 $ 岳 卜 : 通过 条 化 边 综 像 素 与 背景 像素 之 间 的 颜色 过 渡 效 果 ， 来 使 选区 边缘 变 得 平滑 ， 如 图 4-19 所 示 是 未 选中 “ 消 
除 锯齿 ” 复 选 框 时 的 图 像 边 缘 效 果 ， 如 图 4-20 所 示 是 选中 “消除 句 些 ” 复 选 框 时 的 图 像 边 缘 效 果 。 由 于 “消除 锯 移 ” 


“消除 锯齿 ”选项 才 可 用 。 


志 号 多 


图 4-18 图 4-19 图 4-20 


9 ES J]， 用 来 设置 算 形 选区 的 创建 方法 。 当 选择 “正常 ”选项 时 ， 可 以 创建 任意 大 小 的 算 
形 选 区 ; 当选 择 “ 固 定 比 例 ” 选 项 时 ， 可 以 在 右 侧 的 “宽度 ”和 “高 度 ” 输 入 框 中 输入 数值 ， 以 创建 固定 比例 的 选 
区 。 例 如 ， 设 置 “宽度 ”为 1、“ 高 度 ” 为 2， 那 么 创建 出 来 的 矩形 选区 的 高 度 就 是 宽度 的 2 倍 ; 当选 择 “固定 大 小 ” 
选项 时 ， 可 以 在 右 侧 的 “宽度 ”和 “高 度 ” 输 入 框 中 输入 数值 ， 然 后 单 击 鼠 标 左 键 即 可 创建 一 个 固定 大 小 的 选区 
( 单 击 “ 高 度 和 宽度 互 换 ”按钮 畔 可 以 切换 “宽度 ”和 “高 度 ” 的 数值 ) 。 

名 | 过 和 Hi 位 |: 与 执行 “选择 > 选择 并 诞 住 ”命令 相同 ， 单 击 该 按钮 可 以 打开 “选择 并 这 住 ”对 话 框 ， 在 该 对 话 框 中 可 
以 对 选区 进行 平滑 、 羽 化 等 处 理 。 


章 视频 精 讲 : Photoshop 新 手 再 
学 视频 精 讲课 堂 \ 使 用 选 框 工 
具 .flv 
@ 技术 速 查 : “和 矩形 选 框 工 
具 ” 蕊 | 主要 用 于 创建 矩形 选 
区 与 正方 形 选区 。 
选择 工具 箱 中 的 “矩形 选 杠 
工具 ”， 在 画面 中 按 住 鼠 标 左 键 
拖 动 即 可 绘制 选区 ， 如 图 4-21 所 
示 。 在 绘制 时 按 住 Shift 键 可 以 绘 
制 正方 形 选区 ， 如 图 4-22 所 示 。 
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高 手 小 贴 士 : 取消 选区 的 选择 
如 果 不 再 需要 选区 ， 可 以 使 用 快捷 键 Cin+D 取 消 选区 的 选择 。 


只 影响 边缘 像素 ， 因 此 不 会 丢失 细节 ， 在 剪 切 、 措 贝 和 粘贴 选区 图 像 时 非常 有 用 。 只 有 在 使 用 “机 圆 选 框 工具 ” + 


4.2.2 ”椭圆 选 框 工具 
@ 视频 精 讲 。Photoshop 新 手 学 视频 精 讲课 党 使 用 选 框 工具 -fv 
@ 技术 速 查 - “椭圆 选 框 工 
具 ” [可 主要 用 来 制作 椭圆 


选区 和 正 圆 选区 。 5 图 

选择 工具 箱 中 的 “椭圆 选 。” 沁 宛 - 
框 工具 ”， 该 工具 的 使 用 方式 。 主攻 
与 “矩形 选 框 工具 ”相同 ， 在 。 入， 
画布 中 按 住 鼠 标 左 键 拖 动 即 可 吕 ， 
绘制 椭圆 选区 ， 如 图 4-23 所 示 。 Ea 
在 绘制 时 按 住 Shift 键 可 以 绘制  [ 汕 : 
正 圆 选区 ， 如 图 4-24 所 示 。 按 住 | 


ShifttAlt 快 捷 键 进行 绘制 可 以 以 
起 点 作为 圆心 进行 绘制 。 


图 4-23 图 4-24 


4.2.3 单行 /单列 选 框 工具 
名 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 使 用 选 框 工具 .flv 
全 技术 速 查 : “单行 选 框 工 具 ” 一 |、“ 单 列 选 框 工 具 ” 4; .主要 用 来 创建 高 度 或 宽度 为 1 像素 的 选区 。 
选择 工具 箱 中 的 “单行 选 框 工具 ”， 然 后 在 画面 中 单 击 ， 即 可 得 到 高 度 为 1 像素 ， 宽 度 与 画面 相同 的 选区 ， 如 图 4-25 所 
示 。 单 击 “单列 选 框 工具 ”， 然 后 在 画面 中 单 击 ， 即 可 得 到 宽度 为 1 像素 ， 高 度 与 画面 相同 的 选区 ， 如 图 4-26 所 示 。 
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4-25 图 4-26 


4.2.4” 套 索 工具 


因 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 使 用 套 索 工具 .filv 
@ 技术 速 查 : 使 用 “ 套 索 工具 ” 9, 可 以 非常 自由 地 绘制 出 形状 不 规则 的 选区 . 

“ 套 索 工具 ”位 于 工具 箱 中 的 套 索 工具 组 中 ， 右 击 工具 箱 中 的 套 索 工具 组 图 标 ， 在 弹出 的 菜单 中 选择 “ 套 索 工具 ”。 在 
图 像 上 按 住 鼠标 左 键 拖 动 光标 进行 绘制 ， 如 图 4-27 所 示 。 结 束 绘制 时 松 开 鼠标 左 键 ， 选 区 会 自动 闭合 ， 如 图 4-28 所 示 。 如 果 在 
绘制 中 途 松 开 鼠 标 左 键 ，Photoshop 会 在 该 点 与 起 点 之 间 建 立 一 条 直线 以 封闭 选区 。 
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图 4-28 
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六 视频 精 讲 ee \ 使 用 套 索 工具 .flv 
伯 技术 速 查 : “多 边 形 套 索 工具 ”适合 于 随意 创建 一 些 转角 比较 强烈 的 选区 。 

单 击 工具 箱 中 的 4 过 和 二 按钮 品 ， 在 画面 中 单 击 确定 起 点 ， 接 着 将 光标 移动 至 下 一 个 位 置 并 单 击 ， 继 续 移动 
并 单 击 进行 绘制 ， 如 图 4-29 所 示 。 当 绘制 至 起 点 位 置 时 ， 光 标 变 汶 ' 吧 状 后 再 次 单 击 ， 如 图 4-30 所 示 ， 即 可 得 到 多 边 形 选区 ， 
如 图 4-31 所 示 。 
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图 4-30 图 4-31 


> 高 手 小 贴 十 “多边 形 套 索 工具 ”的 使 用 技巧 


在 使 用 “多 边 形 套 索 工具 ”绘制 选区 时 ， 按 住 Shift 键 ， 可 以 在 水 平方 向 、 垂 直方 向 或 45” 方 向 上 绘制 直线 。 另 外 ， 和 
攻 Delete 键 可 以 删除 最 近 绘制 的 直线 。 


六 案例 实战 利用 多 边 形 套 索 工具 选择 图 上 
EA 和 看 机 


案例 效果 
案例 效果 如 图 4-32 所 示 。 


图 4-52 


操作 步骤 i [9 单 击 工具 箱 中 的 “多 边 形 套 索 工具 ”按钮 咒 ， 在 一 
加 执行 “文件 > 打开 ”命令 打开 背景 素材 “1jps”， ， 张 照片 的 边 角 上 单 击 鼠 标 左 键 ， 确 定 起 点 ， 如 图 -36 所 示 。 


如 图 4-33 所 示 。 : Po -~ 


吝 此 网 洋 民 | 二 上 加 


图 4-36 

上 [3 在 照片 的 第 2 个 角 上 单 击 鼠 标 左 键 ， 确 定 第 2 个 点， 

名 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 将 素材 “2jpg 然后 在 照片 的 第 3 个 角 和 第 4 个 角 上 单 击 鼠 标 左 键 ， 确 定 第 3 

置 入 文档 内 ， 将 其 摆 放 在 合适 的 位 置 并 栅 格 化 ， 如 图 4-34 ; 个 点 和 第 4 个 点 ， 接 着 将 光标 放置 在 起 点 上 ， 当 光标 变 成 脐 

所 示 。 : 形状 时 单 击 鼠标 左 键 ， 确 定 选区 范围 ， 如 图 4-37 所 示 ， 选 区 
Te ; 效果 如 图 4-38 所 示 。 
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| 
图 4-34 | 
外 在 “图 层 ” 面板 上 降低 此 图 层 的 “不 透明 度 ”为 A 
70%， 如 图 4-35 所 示 。 : 
% 


图 4-55 : 图 4-38 
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请 涝 


区 选中 图 层 蒙 版 ， 设 置 前 景色 为 白色 ， 按 AlttDelete 
快捷 键 填充 白色 ， 第 二 张 照片 显示 出 来 ， 如 图 4-41 所 示 。 


] 丁丁 本末 


确定 第 4 个 点 以 后 ， 也 可 以 直接 按 Enter 键 闭合 选区 。 


区 选中 该 图 层 ， 单 击 “ 图 层 ” 面 板 底部 的 “添加 图 层 
蒙 版 ”按钮 回 ， 如 图 4-39 所 示 。 再 次 对 第 二 张 图 使 用 “多 边 
形 套 索 工 具 ”[ 加 进行 绘制 ， 如 图 4-40 所 示 。 
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名 :四 中国 和:[0%|- 
= EE 
© 医治 A 入 
: 图 4-41 
DO | 了 B 依照 此 方法 ， 把 另外 两 张 照片 也 抠 出 来 ， 并 且 把 


图 4-39 : “不 透明 度 ” 调 节 为 100%， 案 例 最 终 效果 如 图 4-42 所 示 。 
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图 4-40 : 图 4-42 


可 以 对 创建 完成 的 选区 执行 一 些 操作 ， 如 移动 、 全 选 、 反 选 、 取 消 选择 、 重 新 选择 、 储 存 与 载 入 等 。 


4.3.1 移动 选区 位 置 


选区 创建 完成 后 ， 如 果 对 其 位 置 不 满意 ， 可 以 在 使 用 选区 工具 状态 下 对 其 位 置 进行 移动 。 但 是 移动 选区 有 两 个 条 件 : 一 
是 要 在 选 框 工具 的 状态 下 ; 另 一 个 是 在 “新 选区 ” 国 的 状态 下 。 移 动 选区 时 不 可 使 用 “移动 工具 ”， 否 则 移动 的 将 是 选区 中 
的 内 容 。 
(1) 首先 绘制 一 个 选区 ， 接 着 选择 一 个 选 框 工具 ， 在 控制 栏 中 设置 选区 运算 模式 为 “新 选区 ”图 ， 接 着 将 光标 移动 至 选 
区 内 ， 光 标 变 为 生 形 状 后 ， 按 住 鼠 标 左 键 并 拖 忠 ， 如 图 4-43 所 示 。 拖 点 到 相应 位 置 后 松 开 和 鼠标， 完成 移动 操作 ， 如 图 4-44 所 示 。 
(2) 使 用 选 框 工具 创建 选区 时 ， 在 松 开 鼠 标 左 键 之 前 ， 按 住 Space 键 〈 即 空格 键 ) 拖 动 光标 ， 可 以 移动 选区 ， 如 图 4-45 
所 示 。 在 包含 选区 的 状态 下 ， 按 一 、 一 、+ 、 + 键 可 以 1 像素 的 距离 移动 选 
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首先 选中 一 个 普通 图 层 ， 并 绘制 一 个 选区 ， 如 图 4-46 所 示 。 然 后 选择 工具 箱 中 的 “移动 工具 ”， 将 光标 移 至 选区 内 ， 接 
着 按 住 鼠标 左 键 拖 动 即 可 移动 选区 中 的 内 容 ， 而 不 是 选区 本 身 ， 如 图 4-47 所 示 。 
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图 4-47 


选择 普通 图 层 ， 然 后 绘制 一 个 选区 ， 如 图 4-48 所 示 。 接 着 按 Delete 键 ， 即 可 删除 选区 中 的 像素 ， 如 图 4-49 所 示 。 
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删除 背景 图 层 选区 中 
的 像素 会 出 现 的 情况 
， 如果 选择 了 背景 图 层 ， 核 Delete 键 后 会 璋 出 “填充 ” 
对话 框 ， 在 该 对 话 框 中 选择 合 过 的 填充 内 容 ， 然 后 单 击 
“确定 ”按钮 ， 如 图 4-50 所 示 。 


贝 、 粘 贴 、 清 除 -fv 


人 @ 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 剪 切 、 持 


创建 选区 后 ， 执 行 “编辑 > 拷贝 ”命令 或 按 Ctrl+C 快 
捷 键 ， 可 以 将 选区 中 的 图 像 拷贝 到 计算 机 的 剪贴 板 中 ， 如 
图 4-51 所 示 。 执 行 “编辑 > 粘贴 ”命令 或 按 Ctrl+V 快 捷 键 ， 
可 以 将 拷贝 的 图 像 粘 贴 到 画布 中 ， 并 生成 一 个 新 的 图 层 ， 如 


图 4-52 所 示 。 
执行 “编辑 > 剪 切 ”命令 或 按 Ctrl+X 快 捷 键 ， 可 以 将 选 
攻 matg ;区 中 的 内 容 前 切 到 剪贴 板 上 ， 此 时 原始 位 置 的 图 像 消失 了 ， 
Ea | 如 图 4-53 所 示 。 继 续 执行 “编辑 > 粘贴 ”命令 或 按 CtrltV 快 
A 捷 键 ， 可 以 将 剪 切 的 图 像 粘贴 到 画布 中 ， 并 生成 一 个 新 的 图 
保 名 如果 区 场 (P) 层 ， 如 图 4-54 所 示 。 
图 4-50 
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图 4-52 图 4-53 


， 选区 会 自动 填充 背景 色 ， 如 图 4-55 所 示 。 


4-54 


AR et tne dnt nts bre dt 
2 高 手 小 贴 士 ， 剪 背景 图 民选 区 中 
人 的 像素 会 出 现 的 情况 


如 果 选 择 了 背景 图 层 ， 剪 切 选 区 中 的 像素 ， 那 么 | 


4.3.5 ”快速 得 到 反 向 选区 


制作 反 向 选区 是 非常 常用 的 操作 ， 记 住 快捷 键 能 提高 工作 效率 。 首 先 绘制 一 个 选区 (为 了 便于 观察 ， 此 处 图 中 网 格 的 区 


域 为 选区 内 部 ) ， 如 图 4-56 所 示 。 接 着 执行 “选择 > 反 向 选择 ”命令 或 者 使 用 快捷 键 Shift+Ctrl+I 可 以 选择 反 向 的 选区 ， 也 就 是 


原本 没有 被 选择 的 部 分 ， 如 图 4-57 所 示 。 
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4.3.6 取消 选区 


当 绘制 了 一 个 选区 后 ， 会 发 现 进行 的 操作 都 是 针对 选区 : 
内 部 图 像 的 。 而 如 果 不 需 要 对 局 部 进行 操作 了 ， 就 可 以 取消 
选区 。 执 行 “ 选 择 > 取 消 选择 ”命令 或 按 CtritD 快 捷 键 ,可 


以 取消 选区 的 选择 状态 ， 如 图 4-58 所 示 。 


图 4-58 


4.3.7 ”重新 选择 


如 果 因 操作 失误 取消 了 选区 ， 可 以 将 选区 “恢复 ”回来 。 
要 恢复 被 取消 的 选区 ， 可 以 执行 “选择 > 重新 选择 ”命令 。 


2 dn 


“全 选 ” 能 够 选择 当前 文档 边界 内 的 全 部 图 像 。 执 行 “ 选 
择 > 全 部 ”命令 或 按 Ctrl+A 快 捷 键 即 可 进行 全 选 ， 如 图 4-59 
所 示 。 


[ BE 


吝 肝 风尘 | 攻 上 滤 


4.3.9 隐藏 选区 、 显 示 选 区 


在 制图 过 程 中 ， 有 时 画面 中 的 选区 边缘 线 可 能 会 影响 我 们 观察 画面 效果 。 执 行 “ 视 图 > 显示 > 选区 边缘 ”命令 〈 快 捷 键 : 
Ctl+H) 可 以 切换 选区 的 显示 与 隐藏 ， 如 图 4-60 和 图 4-61 所 示 。 
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图 4-60 图 4-61 


4.3.10 ” 载 入 当前 图 层 的 选区 
在 操作 过 程 中 经 党 需要 得 到 某 个 图 层 的 选区 。 例 如 文档 内 有 两 个 图 层 ， 如 图 4-62 所 示 。 此 时 可 以 在 “图 层 ” 面 板 中 按 信 
cl 键 的 同时 单 击 该 图 层 缩 咯 图 ， 即 可 载 入 该 图 层 选区， 如 图 4-63 所 示 。 
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图 4-62 图 4-63 


各 鸭 4-65 所 示 执行 “文件 > 轩 入 详 入 对 象 ” 命令， 在 中 
文件 路 径 。 ”第 4 章 \ 使 用 选区 工具 制作 简单 界面 3 码 看 视频 | 出 的 对 话 框 中 选择 “2.jpg”， 单 击 “ 置 入 ”按钮 。 然 后 将 
人 # 置 入 的 素材 摆 放 在 画面 中 部 位 置 ， 按 Enter 键 完成 置 入 ， 如 

i ”图 4-66 所 示 。 接 着 在 “图 层 ” 面 板 中 右 击 该 图 层 ， 在 弹出 的 

i 快捷 菜单 中 执行 “ 栅 格 化 图 层 ” 命 令 ， 将 该 图 层 转换 为 普通 


案例 效果 


案例 效果 如 图 4-64 所 示 。 。 图 层 ， 如 图 4.67 所 示 。 
操作 步骤 i ”8 在 工具 箱 中 选择 “矩形 选 框 工具 ”， 然 后 在 “图 


0 执行 “文件 > 打开 ”命令 ， 打 开 背景 素材 “ljpg”， : 层 ”面板 中 选择 “风景 ”图 层 ， 在 画面 中 按 住 鼠 标 左 键 并 


拖 动 ， 绘 制 一 个 矩形 选区 ， 如 图 4-68 所 示 。 选 区 绘制 完成 后 ， 使 用 快捷 键 Ctrl+J 将 选区 中 的 内 容 进 行 复制 ， 此 时 图 层面 板 如 
图 4-69 所 示 。 
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在 “图 层 ”面板 中 单 击 “ 风 景 ”图 层 前 的 “指示 图 
层 可 见 性 ”按钮 ， 隐 藏 该 图 层 ， 如 图 4-70 所 示 ， 此 时 画面 如 
图 4-71 所 示 。 : 
区 在 风景 图 片上 方 输入 文字 。 选 择 工具 箱 中 的 “ 横 排 
文字 工具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 文 字 颜色 
设置 为 白色 ,设置 完毕 后 在 风景 图 片上 单 击 ， 输 入 文字 ,如 
图 4-72 所 示 。 文 字 输入 完毕 后 ， 按 CtrltEnter 快 捷 键 完 成 文字 
输入 。 用 同样 的 方法 ， 继 续 在 该 文字 下 方 输入 文字 ， 并 在 选 
项 栏 中 设置 合适 的 字号 ， 如 图 4-73 所 示 。 : 图 4-72 


剖 膝 风 峙 | 贡 上 小 


与 亚 笠 区 司 济 In 薄 准 号 DD dousoloud @ 


Mx 


Pa 区 站 -区 -是 - 生 :本 
E23 ~ Ts: Eo | 
:四 /中 lx 


图 4-77 图 4-78 
于 
上 Pa -四 9gTDa。 
图 4-73 i E33 ~ TiERR:Ew ]- 
在 风景 图 片 下 方 制作 “多 项 切换 圆 点 ”。 新 建 图 Cd A CY 


层 ， 在 选 框 工具 组 中 单 击 “ 椭 圆 选 框 工具 ”按钮 纪 , 然后 : 。 。 


按 住 Shift 键 的 同时 


按 住 鼠 标 左 键 并 拖 动 ， 绘 制 正 圆 选 区 ， 


如 图 4-74 所 示 。 选 区 绘制 完成 后 ， 将 前 
用 填充 前 景色 快捷 键 Alt+Delete 进 行 快 


了 图 层 1 持 由 


景色 设置 为 白色 ， 使 
违 填充 ， 如 图 4-75 所 


mG 从 


示 。 填 充 完成 后 按 Ctrl+D 快 捷 键 取消 选 
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图 4-74 


[9 在 “图 层 ” 面板 中 单 击 选中 正 贺 图 层 ， 使 用 复制 


图 层 快捷 键 CtritJ 复 制 出 一 个 相同 的 图 
右 侧 ， 如 图 4-76 所 示 。 接 着 在 “图 层 ” 


“不 透明 度 ” 设 置 为 30%， 如 图 4-77 所 示 ， 此 时 复制 的 原点 


呈 半 透明 状态 ， 如 图 4-78 所 示 。 


图 4-75 


区 。 : 图 4-79 


: 了 在 界面 下 方 继续 使 用 “ 横 排 文 字 工具 ”输入 合适 的 
: 文字 ， 此 时 界面 制作 完成 ， 效 果 如 图 4-81 所 示 。 


图 4-80 


问 5 
% (图 屋 1 RG3/8) 


层 。 将 其 移动 到 正 
面板 中 将 复制 图 层 的 
图 4-81 


图 4-76 


在 “图 层 ” 面 板 中 单 击 拷贝 的 图 层 ， 复 制 该 图 层 ， 


动 ， 如 


4-80 所 示 。 


如 图 4-79 所 示 。 在 画面 中 继续 将 复制 的 半 透 明正 圆 向 右 侧 拖 i er 


4 编辑 选区 的 形态 


总 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 修 改选 区 .flv 


“选区 ”对 象 不 仅 可 以 通过 定 界 框 进行 变换 ， 还 可 对 选区 进行 平滑 、 扩 展 、 收 缩 、 羽 化 和 创建 边界 等 操作 。 绘 制 一 个 
选区 ， 执 行 “ 选 择 > 修改 ”命令 ， 在 子 菜单 中 有 多 个 用 于 编辑 选区 的 命令 。 章 
4.4.1 变换 选区 形态 PP 

选区 的 变换 与 图 像 的 “变换 ”操作 非常 接近 ， 在 进行 变换 时 都 会 出 现 界定 框 ， 通 过 调整 界定 框 上 控制 点 的 位 置 即 可 调整 Eis 
选区 的 形态 。 选 
(1) 使 用 “ 拢 形 选 框 工具 ”绘制 一 个 长 方形 选区 ， 如 图 4-82 所 示 。 对 创建 好 的 选区 执行 “选择 > 变换 选区 ”命令 或 按 苦 
础 


Alt+S+T 组 合 键 ， 选 区 周围 将 出 现 界定 框 ， 如 图 4-83 所 示 。 
(2) 在 选区 变换 状态 下 ， 在 画布 中 单 击 鼠标 右键 ， 还 可 以 选择 其 他 变换 方式 ， 如 图 4-84 一 图 4-86 所 示 。 


= 


图 4-82 


穆 一 一 
高 手 小 贴 士 : 缩放 选区 的 技巧 
在 缩放 选区 时 ， 按 住 Shift 键 可 以 等 比例 缩放 ， 按 住 Shift+At 快 捷 键 可 以 以 中 心 点 为 基准 等 比例 缩放 。 


(3) 按 Enter 键 完成 变换 ， 如 图 4- 87 所 示 。 


图 4-86 图 4-87 


4.4.2 ”创建 边界 选区 
人 @ 技术 速 查 ， 对 选区 进行 创建 边界 的 操作 可 以 将 选区 的 边界 向 内 或 向 外 进行 扩展 . 扩展 后 的 选区 边界 将 与 原来 的 选区 边界 


形成 新 的 选区 。 
对 已 有 的 选区 执行 “选择 > 修改 > 边界 ”命令 ， 如 图 4-88 所 示 。 在 弹出 的 “边界 选区 ”对 话 框 中 设置 “宽度 ”数值 ， 宽 度 


数值 越 高 ， 边 界 选区 越 宽 ， 如 图 4-89 所 示 。 设 置 完成 后 单 击 “ 确 定 ” 按 钮 可 以 得 到 边界 选区 ， 如 图 4-90 所 示 。 
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图 4-88 图 4-89 图 4-90 


@ 技术 速 查 : 使 用 “平滑 ”选区 命令 可 以 将 选区 边缘 进行 平滑 处 理 。 
首先 绘制 一 个 选区 ， 如 图 4-91 所 示 。 接 着 执行 “选择 > 修改 > 平滑 ”命令 ， 在 弹出 的 “平滑 选区 ”对 话 框 中 ， 通 过 设置 
“取样 半径 ”调整 选区 的 平滑 强度 ， 设 置 完成 后 单 击 “确定 ”按钮 ， 如 图 4-92 所 示 ， 效 果 如 图 4-93 所 示 。 


平滑 过 区 [z= 
取样 半径 (S): 像素 
应 用 画布 边界 的 效果 取消 


图 4-91 图 4-92 图 4-93 


六 技术 速 查 : 使 用 “扩展 ”选区 命令 可 以 将 选区 向 外 进行 扩展 。 
首先 绘制 一 个 选区 ， 如 图 4-94 所 示 。 接 着 执行 “选择 > 修改 > 扩展 ”命令 ， 在 弹出 的 “扩展 选区 ”对 话 框 中 通过 “扩展 
量 ” 调 整 扩展 的 距离 ， 设 置 完成 后 单 击 “ 确 定 ”按钮 ， 如 图 4-95 所 示 ， 效 果 如 图 4-96 所 示 。 


间 技术 速 查 : 使 用 “收缩 ”选区 命令 可 以 向 内 收缩 选区 。 
首先 绘制 一 个 选区 ， 如 图 4-97 所 示 。 执 行 “ 选 择 > 修改 > 收缩 ”命令 ， 在 弹出 的 “收缩 选区 ”对 话 框 中 通过 “收缩 量 ” 调 
整 收缩 的 距离 ， 设 置 完成 后 单 击 “确定 ”按钮 ， 如 图 4-98 所 示 ， 效 果 如 图 4-99 所 示 。 
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图 4-97 图 4-98 图 4-99 


间 技术 速 查 : “羽化 ”选区 命令 是 通过 建立 选区 和 选区 周围 像素 之 间 的 转换 边界 来 模糊 边缘 ， 这 种 模糊 方式 将 丢失 选区 边 
缘 的 一 些 细节 。 
首先 创建 选区 ， 如 图 4-100 所 示 。 接 着 执行 “选择 > 修改 > 羽化 ”命令 或 按 Shift+F6 快 捷 键 ， 在 弹出 的 “羽化 选区 ”对 话 框 中 
设置 “羽化 半径 ”的 数值 ， 数 值 越 大 边缘 过 渡 效 果 越 柔 和 ， 设 置 完成 后 单 击 “确定 ”按钮 ， 如 图 4-101 所 示 ， 选 区 效果 如 图 4-102 
所 示 。 按 Delete 键 删除 选区 中 的 像素 ， 查 看 羽化 效果 ， 如 图 4-103 所 示 。 
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So 高 手 小 贴 士 : 羽化 半径 数值 过 大 弹出 的 对 话 杠 


如 果 选 区 较 小 ， 而 “羽化 半径 ”又 设置 得 很 大 ，Photoshop 会 弹出 一 个 警告 对 话 框 ， 如 图 4-104 所 示 。 单 击 “确定 ”按钮 | 
以 后 ， 确 认 当 前 设置 的 “羽化 半径 ”， 此 时 选区 可 能 会 变 得 非常 模糊 ， 以 至 于 在 画面 中 观察 不 到 ， 但 是 选区 仍然 存在 。 
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PE 
.区 颜色 的 设置 


多 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 颜 色 的 设置 -fv 


任何 作品 都 离 不 开颜 色 ， 使 用 Photoshop 的 画笔 、 文 字 、 渐 变 、 填 充 、 蒙 版 、 描 边 等 工具 进行 操作 时 ， 都 需要 设置 相 


应 的 颜色 。Photoshop 中 提供 了 多 种 选取 颜色 的 方法 。 


5.1.1 设置 前 景色 与 背景 色 


仿 技术 速 查 : 前 景色 通常 用 于 绘画 、 填 充 、 描 边 等 ; 
常用 于 生成 渐变 填充 和 填充 图 像 中 己 抹 除 的 区 域 。 

殊 滤 镜 也 需要 使 用 前 景色 和 背景 色 , 如 “纤维 ” 

“云彩 ” 滤 镜 等 。 

在 Photoshop 工 具 箱 的 底部 有 一 组 前 景色 和 背景 色 设置 按 
钮 ， 前 景色 通常 用 于 绘制 图 像 、 填 充 和 描 边 选 区 等 。 背 景色 
常用 于 生成 渐变 填充 和 填充 图 像 中 已 抹 除 的 区 域 ， 如 图 5-1 所 
示 。 在 默认 情况 下 ， 前 景色 为 黑色 ， 背 景色 为 白色 。 双 击 “ 前 
景色 ”或 “背景 色 ” 按 钮 ， 会 弹出 “ 拾 色 器 ”对 话 框 ， 在 该 对 


背景 色 
一 些 特 
滤 镜 和 


话 框 中 ， 拖 忠 色 条 上 的 三 角 滑 块 先 确定 一 个 色调 ， 然 后 拖 忠 色 
域 中 的 圆 形 滑 块 ， 选 定 一 种 颜色 ， 最 后 单 击 “确定 ”按钮 完成 


颜色 的 设置 ， 如 图 5-2 所 示 。 
韶 切换 前 景色 和 背景 色 ; 单 击 名 图 标 或 使 用 快捷 键 X 可 以 切 
换 所 设置 的 前 景色 和 背景 色 。 
韶 默认 前 景色 和 背景 色 : 单 击 枯 图 标 或 者 使 用 快捷 键 D 可 以 
恢复 默认 的 前 景色 和 背景 色 。 


5.1.2 使 用 “吸管 工具 ”选取 颜色 


“吸管 工具 ”可 以 在 
单 击 工具 箱 中 的 “吸管 工具 ”按钮 z.， 


图 5-3 
加 取样 大 小 : 设置 吸管 取样 范围 的 大 小 。 


选择 “取样 点 ”选项 时 ， 


前 景色 上 一 切换 前 景色 和 表 景 色 
默认 前 景色 和 背景 色 一 西 | | 一 背景 色 
图 5-1 


只 有 wb 而 色 


图 5-2 


J 开 图 像 的 任何 位 置 采集 色 样 来 作为 前 景色 或 背景 色 。 
将 光标 移动 到 画面 中 单 击 鼠 标 左 键 进行 取样 ， 此 时 前 景色 按钮 变 为 刚刚 拾取 的 颜 
如 图 5-3 所 示 。 按 住 Alt 键 并 单 击 左 键 可 以 将 当前 拾取 的 颜色 设置 为 背景 色 ， 如 图 5-4 所 示 。 
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图 5-4 
可 以 选择 像素 的 精确 颜色 ， 选择 “3x3 平 均 ” 选 项 时 ， 可 
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以 选择 所 在 位 置 3 个 像素 区 域 以 内 的 平均 颜色 ;选择 “5x5 平 均 ”选项 时 ， 可 以 选择 所 在 位 置 5 个 像素 区 域 以 内 的 平均 颜色 。 
岛 样本 : 可 以 从 “当前 图 层 ” 或 “所 有 图 层 ” 中 采集 颜色 。 


韶 显示 取样 环 : 选中 该 复 选 框 后 ， 可 以 在 拾取 颜色 时 显示 取样 环 。 


高 手 小 贴 士 : “吸管 工具 ”使 用 技巧 


(1) 如 果 在 使 用 绘画 工具 时 需要 暂时 使 用 “吸管 工具 ”拾取 前 景色 ， 可 以 接 住 Alt 键 将 当前 工具 切换 到 “吸管 工 
具 ”， 松 开 Alt 键 后 即 可 恢复 到 之 前 使 用 的 工具 。 

。 (2) 使 用 “吸管 工具 ”采集 颜色 时 ， 按 住 氮 标 左 刍 并 将 光标 抱 身 出 画布 之 外 ， 可 以 采集 Photoshop 的 界面 和 界面 以 外 的 
“颜色 信息 。 | 


在 “颜色 ”面板 也 可 以 设置 前 景色 与 背景 色 。 

(1) 执行 “窗口 > 颜色 ”命令 , 打开 “颜色 ” 
面板 。 默 认 情况 下 “颜色 ”面板 显示 为 “色相 立方 
体 ” 模 式 。 若 要 设置 前 景色 ， 单 击 该 面板 中 的 “前 
景色 ”按钮 ， 选 中 合适 的 色相 ， 然 后 在 色 域 中 选择 
颜色 ， 如 图 5-5 所 示 。 

(2) 如 果 要 通过 数值 设置 颜色 ， 可 以 选择 
“ 滑 块 ”模式 。 单 击 面板 菜单 按钮 择 ， 可 以 看 到 多 
种 模式 ， 如 图 5$-6 所 示 。 在 这 里 以 “RGB 滑 块 ”为 例 
进行 讲解 。 

(3) 如 果 要 设置 前 景色 ， 需 要 先 单 击 “ 颜 色 ” 面 板 中 的 “前 景色 ”按钮 ， 然 后 将 光标 移动 到 面板 底部 的 色谱 中 ， 单 击 拾 
取 颜 色 ， 如 图 5$-7 所 示 。 如 果 按 住 Alt 键 单 击 拾取 颜色 ， 此 时 拾取 的 颜色 将 作为 背景 色 ， 如 图 5-8 所 示 。 

(4) 如 果 要 通过 颜色 滑 块 来 设置 颜色 ， 可 以 分 别 拖 上 中 R、G、B 这 3 个 颜色 滑 块 ， 如 图 5-9 所 示 。 如 果 要 设置 精确 的 颜色 ， 
可 以 先 单 击 前 景色 或 背景 色 图 标 ， 然 后 在 R、G、B 后 面 的 数值 输入 框 中 输入 相应 的 数值 即 可 ， 如 图 5-10 所 示 。 
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图 5-7 图 5-8 图 5-9 图 5-10 


“ 色 板 ”面板 中 默认 包含 一 些 系统 预 设 的 颜色 ， 单 击 相 应 的 颜色 即 可 将 其 设置 为 前 
景色 。 

(1) 执行 “窗口 > 色 板 ” 命 令 ， 打 开 “ 色 板 ” 面 板 ， 如 图 5-11 所 示 。 将 光标 移动 到 
“ 色 板 ”中 的 任意 一 个 色 块 处 ， 然 后 单 击 鼠 标 左 键 ， 随 即 前 景色 就 变 为 该 颜色 。 按 住 
Ctrl 键 单 击 颜色 色 块 ， 会 将 该 颜色 设置 为 背景 色 。 

(2) 单 击 面板 菜单 按钮 号 ， 可 以 打开 “ 色 板 ”面板 的 菜单 。“ 色 板 ” 面 板 的 菜单 
命令 非常 多 ， 可 以 将 其 分 为 6 大 类 ， 如 图 $-12 所 示 。“ 色 板 基本 操作 ”命令 组 主要 是 对 色 
板 进行 基本 操作 ， 其 中 “复位 色 板 ” 命 令 可 以 将 色 板 复位 到 默认 状态 ， “存储 色 板 以 供 局 | 
交换 ”命令 是 将 当前 色 板 储存 为 .ase 的 可 共享 格式 ， 并 且 可 以 在 Photoshop 、Illustrator 和 创建 前 景色 的 新 色 板 删除 色 板 
InDesign 中 调用 。 图 5-11 


(3) “ 色 板 库 ” 命 令 组 是 一 组 系统 预 设 的 色 板 。 执 行 这 些 命令 时 ，Photoshop 会 弹出 一 个 提示 对 话 框 ， 如 图 5-13 所 示 。 
如 果 单 击 “ 确 定 ”按钮 ， 载 入 的 色 板 将 蔡 换 当前 的 色 板 ; 如 果 单 击 “ 追 加 ”按钮 ， 载 入 的 色 板 将 追加 到 当前 色 板 的 后 面 ， 如 
5-14 所 示 。 
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图 5-12 图 5-13 图 5-14 


颜色 设置 完成 后 可 以 使 用 快捷 键 进行 前 景色 与 背景 色 的 填充 。 首 先 选中 一 个 图 层 或 者 绘制 一 个 选区 ， 如 图 5-15 所 示 。 接 
着 设置 合适 的 前 景色 ， 然 后 使 用 填充 前 景色 快捷 键 AlttDelete 进 行 填充 ， 如 图 5-16 所 示 。 若 要 填充 背景 色 ， 可 以 使 用 填充 背景 
色 快 捷 键 Ctl+Delete 进 行 填充 ， 如 图 5$-17 所 示 。 
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图 5-16 图 5-17 


妨 视频 精 讲 : Photoshop 新 手 学 视频 精 讲 课堂 \ 渐 变 工具 与 油漆 桶 工具 -flv 

“油漆 桶 工具 ”可 以 快速 对 选区 中 的 部 分 、 整 个 画布 ， 或 者 是 颜色 相近 的 色 块 内 部 填充 纯色 或 图 案 。 单 击 “ 油 漆 桶 工 
有 具 ”按钮 ， 首 先 在 选项 栏 中 设置 “填充 内 容 ”“ 混 合 模式 ”“ 不 透明 度 ”“ 容 差 ”。 

(1) 打开 一 张 图 像 ， 如 图 5-18 所 示 。 选 择 工具 箱 中 的 “油漆 桶 工具 ”&.， 在 选项 栏 中 先 将 填充 内 容 设 置 为 “前 景 ”， 
然后 设置 合适 的 前 景色 ， 接 着 在 画面 中 单 击 即 可 填充 颜色 ， 如 图 $-19 所 示 。 


半 落 涉 国 INn 


i 使 用 “油漆 桶 工具 ”在 选区 内 单 击 即 可 填充 选区 ， 如 图 5-23 
:所 示 。 
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图 5-19 
(2) 在 选项 栏 中 设置 填充 内 容 为 “图 案 ”， 然 后 单 击 
“图 案 ” 拾 色 器 按钮 ， 在 下 拉面 板 中 选择 合适 的 图 案 ， 如 图 5-20 
所 示 。 接 着 在 画面 中 单 击 即 可 填充 图 案 ， 效 果 如 图 $-21 所 示 。 


图 5-23 


仿 填充 内 容 : 选择 填充 的 模式 ， 包 含 “前 景 ” 和 “图 案 ” 
两 种 模式 。 如 果 选 择 “ 前 景 ”， 则 使 用 前 景色 进行 填 
充 ; 如 果 设 置 为 “图 案 ”， 那 么 需要 在 右 侧 图 案 列表 中 
选择 合适 的 图 案 。 

韶 容 差 : 用 来 定义 必须 填充 的 像素 颜色 的 相似 程度 。 设 置 
较 低 的 “ 容 差 ” 值 会 填充 颜色 范围 内 与 鼠标 单 击 处 像素 
非常 相似 的 像素 ;设置 较 高 的 “ 容 差 ” 值 会 填充 更 大 范 
围 的 像素 。 如 图 5-24 和 图 5-25 所 示 为 容 差分 别 为 5 和 50 
的 对 比 效果 。 


国 52| | 容 差 : 5 容 差 : 50 
(3) 新 建 图 层 ， 然 后 绘制 选区 ， 如 图 $-22 所 示 。 接 着 : 图 5-24 图 5-25 


岛 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 渐 变 工具 与 油漆 桶 工具 -flv 
“渐变 工具 ”| 罩 . 用 于 创建 多 种 颜色 间 的 过 渡 效 果 。 在 界面 设计 中 ， 需 要 进行 纯色 填充 时 ， 不 妨 以 同类 渐变 色 蔡 代 纯 色 填 
充 。 因 为 渐变 颜色 变化 丰富 ， 能 够 使 画面 更 具 层 次 感 。 如 图 5$-26 一 图 $-29 所 以 为 使 用 到 渐变 色 的 设计 作品 。 
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图 5-26 图 5-27 图 5-28 
“渐变 工具 ”不 仅 可 以 填充 图 像 还 可 以 对 蒙 版 和 通道 进行 填充 。 使 用 “渐变 工具 ”有 两 个 较为 重要 的 知识 点 : 一 个 是 
“渐变 工具 ”的 选项 栏 ， 另 一 个 是 “渐变 编辑 器 ”窗口 。 
单 击 工具 箱 中 的 “渐变 工具 ”按钮 加 J， 其 选项 栏 如 图 5-30 所 示 。 
名 渐变 色 条 : 渐变 色 条 分 为 左右 两 个 部 分 ， 单 击 颜色 部 分 可 以 打开 “渐变 编辑 器 ”窗口 ， 如 图 5-31 所 示 ， 单 击 倒 三 角 按钮 > 
可 以 选择 预 设 的 渐变 颜色 ， 如 图 5-32 所 示 。 
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国 5-30 图 5-31 图 5-32 
韶 渐 变 类 型 : 激活 “线性 渐变 ”按钮 画 ， 可 以 以 直线 方式 创建 从 起 点 到 终点 的 渐变 ; 激活 “ 径 向 渐变 ”按钮 回 ， 可 以 以 圆 
形 方式 创建 从 起 点 到 终点 的 渐变 ;激活 “角度 渐变 ”按钮 回 ， 可 以 创建 围绕 起 点 以 逆 时 针 扫 描 方式 的 渐变 ， 激 活 “ 对 称 
渐变 ”按钮 回 ， 可 以 使 用 均衡 的 线性 渐变 在 起 点 的 任意 一 侧 创建 渐变 ; 激活 “菱形 渐变 ”按钮 回 ， 可 以 以 菱形 方式 从 起 
点 向 外 产生 渐变 ， 终 点 定义 萎 形 的 一 个 角 ， 如 图 5-33 所 示 。 
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名 反 向 : 转换 渐变 中 的 颜色 顺序 ， 得 到 反方 向 的 渐变 结果 ， 如 

图 5-34 和 图 5-35 所 示 分 别 是 正常 渐变 和 反 向 渐变 效果 。 

名 仿 色 : 选中 该 复 选 框 时 ， 可 以 使 渐变 效果 更 加 平滑 。 主 要 用 
于 防止 打印 时 出 现 条 带 化 现象 ， 但 在 计算 机 屏幕 上 并 不 能 明 
显 地 体现 出 来 。 


. 如 果 在 选项 栏 的 “ 浙 变 色 条 ”渐变 预 设 列表 中 没有 合适 的 浙 
有 基 。 交 问 色 ， 就 需要 在 “ 浙 交 编辑 器 ”窗口 中 编辑 渐变 颜色 ， 编 辑 好 
出 | 渐变 病 色 后 使 用 “渐变 工具 ”进行 填充 。 
(1) 单 击 “ 渐 变色 条 ”， 打 开 “ 渐 变 编辑 器 ”窗口 。“ 渐 
E 呈 。 变 编 辑 器 ”的 上 半 部 分 有 很 多 “ 预 设 ”的 渐变 颜色 ， 单 击 即 可 先 
相国。 至 某 一 种 渐变 效果 ， 如 图 5-36 所 示 。 若 要 更 改 渐 变 的 颜色 ， 可 以 双击 色 条 下 的 “ 色 标 ” 个， 在 弹出 的 “ 拾 色 器 ”对 话 框 中 选择 
一 个 合适 的 版 色 ， 如 图 5-37 所 示 。 
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图 5-36 图 5-37 

(2) 按 住 鼠 标 左 键 并 拖 忠 “ 色 标 ” 自 可 以 调整 渐变 颜色 的 变化 ， 如 图 5-38 所 示 。 拖 忠 菱形 滑 块 # 可 以 调整 两 个 颜色 之 间 

过 渡 的 效果 ， 如 图 5-39 所 示 。 
(3) 将 光标 移动 到 渐变 色 条 的 下 方 ， 光 标 变 为 内 后 单 击 即 可 添加 色 标 ， 如 图 5-40 所 示 。 若 要 删除 色 标 ， 可 以 单 击 需 要 籼 


除 的 色 标 ， 然 后 按 Delete 键 即 可 删除 。 若 要 制作 半 透 明 的 渐变 ， 可 以 单 击 选择 渐变 色 条 上 方 的 色 标 圈 ， 然 后 在 “不 透明 度 ” 选 
项 中 调整 不 透明 度 ， 如 图 5-41 所 示 。 
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图 5-38 图 5-39 图 5-40 
(4) 设置 完成 后 ， 在 画面 中 按 住 鼠 标 左 键 并 拖 忠 ， 如 图 5-42 所 示 。 松 开 鼠 标 后 即 可 填充 渐变 颜色 ， 如 图 5-43 所 示 。 
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图 5-41 图 5-42 图 5-43 


名 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 填 充 -fv 
“填充 ”命令 可 以 在 整个 画面 或 者 选区 内 进行 纯色 、 图 案 、 历 史记 
录 等 内 容 的 填充 。 执 行 “ 编 辑 > 填充 ”命令 或 按 Shiftr+Fs 快 捷 键 ， 打 开 


“填充 ”对 话 框 ， 如 图 5-44 所 示 。 在 这 里 首先 需要 设置 填充 的 内 容 ， 接 EE 
着 设置 填充 的 不 透明 度 和 混合 模式 。 如 果 所 选 图 层 没有 选区 ， 那 么 填充 。 呼 i 


保留 透明 区 城 P) 


的 范围 将 是 整个 画面 ， 如 果 当 前 图 层 中 包含 选区 ， 那 么 填充 的 范围 为 选 
区 内 部 。 


| 名 选项 解读 ， “填充 ”对 话 框 详解 | 
。 8 内 容 ， 在 下 拉 列 表 中 可 以 选择 十 充 的 内 容 ， 包 含 前 景色 、 背 景色 、 颜 色 、 内 容 识别 、 图 案 、 历 史记 录 、 黑 色 、50% 灰 ， 
| 色 和 和 白色。 | 


名 模式 : 用 来 设置 填充 内 容 的 混合 模式 。 
仿 不 透明 度 ， 用 来 设置 填充 内 容 的 不 透明 度 。 
名 保留 透明 区 域 ， 选中 该 复 选 框 后 ， 只 填充 图 层 中 包含 像素 的 区 域 ， 而 透明 区 域 不 会 被 填充 。 


名 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 描 边 .flv 
名 技术 速 查 : 使 用 “ 描 边 ” 命 令 可 以 在 选区 、 路 径 或 图 层 周围 创建 边框 效果 。 

对 图 形 进 行 描 边 可 起 到 强化 、 突 出 的 作用 。 使 用 “ 描 边 ”命令 可 以 在 选区 、 路 径 或 图 层 周围 创建 边框 效果 。 首 先 绘制 一 
个 选区 ， 如 图 5-45 所 示 。 执 
行 “ 编 辑 > 描 边 ”命令 ， 在 
弹出 的 “ 描 边 ”对 话 框 中 
设置 描 边 的 “宽度 ”“ 颜 
色 ”“ 位 置 ”“ 混 合 模式 ” 
等 参数 ， 接 着 单 击 “确定 ” 
按钮 ， 如 图 5-46 所 示 。 选 区 
边缘 会 出 现 单 色 的 轮廓 效 
果 ， 如 图 5-47 所 示 。 
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图 5-46 图 5-47 


-| 选项 解读 ，“ 描 边 ”对 话 框 详解 

i 0 描 边 : 该 选项 组 主要 用 来 设置 描 边 
的 宽度 和 颜色 。 

的 位 置 ， 设置 描 边 相对 于 选区 的 位 置 ， 
包括 “内 部 ”“ 居 中 ”“ 居 外 ”3 个 
选项 ， 如 图 5-48 一 图 5-50 所 示 。 

加 混合 : 用 来 设置 描 边 颜色 的 混合 模 
式 和 不 延明 度 。 

人 @ 保留 透明 区 域 。 如 果 选 中 该 复 选 框 ， 
则 只 对 包含 像素 的 区 域 进行 描 边 。 图 5-48 图 5-49 


寸 的 新 文档 ， 如 图 5-52 所 示 。 
选择 工具 箱 中 的 “椭圆 选 框 工具 ”， 在 工具 箱 的 底 


部 设置 前 景色 为 暗 红 色 ， 设 置 
案例 效果 完成 后 在 画面 的 中 心 位 置 按 住 
本 Shift 键 并 按 住 鼠 标 左 键 拖 动 ， 
9 全 | | 绘制 正 圆 选 区 ， 如 图 5-53 所 
操作 步骤 示 。 绘 制 完成 后 使 用 填充 前 景 
0 执行 “文件 > 新 建 ”命令 ， 创 建 一 个 “宽度 ”为 色 快 捷 键 Alt+Delete 为 选区 进 
1778 像 素 ，“ 高 度 ” 为 1688 像 素 ，“ 分 辩 率 ”为 300 像 素 / 英 行 填充 ， 如 图 5-54 所 示 。 
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了 区 新 建 “ 白 圆 ” 图 层 ， 用 同样 的 方法 制作 白色 正 圆 ， 如 图 5-55 所 示 。 在 “图 层 ”面板 中 按 住 Alt 键 单 击 “ 白 圆 ”图 层 缩 
览 图 ， 载 入 白色 正 圆 图 层 的 选区 ， 如 图 5-56 所 示 。 

了 8 在 选区 上 单 击 鼠 标 右 
键 ， 在 弹出 的 快捷 菜单 中 执行 
“变换 选区 ”命令 ， 调 出 定 界 
框 ， 分 别 将 光标 定位 到 界定 框 
的 上 方 和 下 方 ， 按 住 鼠 标 左 


键 并 向 贺 心 的 位 置 进行 移动 ， Ee， 
如 图 5-57 所 示 。 变 换 完成 后 按 E 


RR 名 
总 反 加 6 白 司 自 


Enter 键 完成 操作 。 


图 5-54 图 5-55 图 5-56 


大 新 建 图 层 。 选 择 工具 箱 中 的 “渐变 工具 ”， 在 选项 


栏 中 单 击 渐变 色 条 ， 在 弹出 的 “渐变 编辑 器 ”窗口 中 编辑 一 
种 橘 色 系 的 渐变 ， 编 辑 完成 后 单 击 “确定 ”按钮 。 接 着 在 选 


项 栏 中 设置 “渐变 类 型 ”为 “ 径 向 渐变 ”， 


如 图 5-58 所 示 。 接 


着 在 选区 内 按 住 鼠标 左 键 并 拖 动 ， 释 放 鼠 标 后 的 效果 如 图 5-59 


所 示 。 


sa. BN se 回避 = o w= Ta 
Pre 
ol es | 
时 .由 | 一 ee 
中 
也 | 2 本 可 渍 
4.| ] a 
| 
四 re 
| 
A | 
2 NE Bb 
了 新安 类 型 。 于 民 
可 
E00- 
国 | 一 


me] 


Ea bhdshdy 


图 5-58 


太 案例 实战 


文件 路 径 第 5 章 \ 使 用 扩充 与 描 边 功能 制作 优惠 券 
难 易 指数 


案例 效果 
案例 效果 如 图 5-61 所 示 。 
操作 步骤 


使 用 填充 与 描 边 功能 制作 优惠 券 


| 扫 码 看 视频 | 


档 执行 “文件 > 新 建 ”命令 ， 打 开 “ 新 建文 档 ” 对 话 
框 。 在 对 话 框 顶部 选择 “移动 设备 ”选项 卡 ， 单 击 iPhone 6 


Plus 按钮 ， 设 置 “分 辩 率 ”为 72 像 素 /英寸 ， 


“颜色 模式 ”为 


“RGB 颜色 ”，“ 背 景 颜色 ”为 白色 。 单 击 “ 创 建 ”按钮 创 


建新 的 文档 ， 如 图 5-62 所 示 。 
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| 填充 ， 如 图 5-64 所 示 。 


隐 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 将 素材 “1png” 
置 入 画面 中 ， 将 其 摆 放 在 合适 的 位 置 并 栅 格 化 ， 案 例 最 终 效 
果 如 图 5-60 所 示 。 


图 5-59 图 5-60 


可 单 击 工具 箱底 部 的 
“前 景色 ”按钮 ， 在 弹出 的 
“ 拾 色 器 ”对 话 框 中 设置 颜 
色 为 浅 郴 色 ,设置 完成 后 单 
击 “ 确 定 ” 按 钮 ， 如 图 5-63 
所 示 。 接 着 使 用 填充 前 景色 &888 
快捷 键 Alt+Delete 进 行 快速 


Home page 
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图 5-63 


平 涉 起 图 In | 届 吕 潍 


制作 界面 背景 形状 。 新 建 图 层 ， 在 工具 箱 中 选择 
“和 矩形 选 框 工具 ”， 在 画面 中 按 住 鼠标 左 键 并 拖 动 ， 绘 制 
一 个 矩形 选区 ， 如 图 5-65 所 示 。 将 前 景色 设置 为 淡 粉 色 ， 使 
用 填充 前 景色 快捷 键 Alt+Delete 进 行 快速 填充 ， 如 图 5-66 所 
示 。 填 充 完成 后 ， 按 Ctrl+D 快 捷 键 取消 选区 。 
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图 5-64 

加 新 建 图 层 。 选 择 工具 箱 中 的 “多 边 形 套 索 工具 ”， 

在 矩形 上 方 单 击 鼠 标 绘制 形状 ， 如 图 5-67 所 示 。 当 线段 首尾 
连接 时 ， 自 动 生成 选区 ， 如 图 5-68 所 示 。 
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区 将 前 景色 设置 为 洋红 色 ， 使 用 填充 前 景色 快捷 键 
AlttDelete 进 行 快速 填充 ， 如 图 5-69 所 示 。 填 充 完成 后 按 CtrH+D 
快捷 键 取 消 选区 。 

了 BB 制作 矩形 投影 部 分 。 新 建 图 层 ， 在 工具 箱 中 选择 
“ 拢 形 选 框 工 具 ”， 在 画面 中 按 住 鼠 标 左 键 拖 动 绘制 一 个 矩 
形 选区 ， 如 图 5-70 所 示 。 选 择 工具 箱 中 的 “渐变 工具 ”， 然 
后 单 击 选 项 栏 中 的 渐变 色 条 ， 在 弹出 的 “渐变 编辑 器 ”窗口 
中 编辑 一 种 由 肉 粉色 到 透明 的 渐变 ， 颜 色 设置 完成 后 单 击 


“确定 ”按钮 ， 如 图 5-71 所 示 。 


图 5-68 图 5-69 
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大 单 击 选项 栏 中 的 “ 径 向 渐变 ”按钮 ， 在 “图 层 ” 面 
板 中 单 击 选中 需要 填充 的 图 层 ， 在 画面 中 按 住 鼠标 左 键 从 上 
到 下 拖 动 ， 填 充 渐变 ， 如 图 5-72 所 示 。 释 放 鼠 标 后 完成 渐变 
填充 操作 ， 如 图 5-73 所 示 。 


t 


图 5-73 


区 在 “图 层 ”面板 中 按 住 鼠 标 左 键 将 该 图 层 拖 到 拢 形 图 层 下 方 ， 如 图 $-74 所 示 ， 此 时 画面 中 的 投影 效果 如 


所 示 。 


S15 


了 在 界面 上 方 输入 文字 。 单 击 工具 箱 中 的 “ 横 排 文字 工具 ”按钮 ， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 将 文字 颜色 设置 为 


和 白色， 设置 完毕 后 在 界面 上 方 单 击 : 


fF 输入 文字 ， 如 图 5-76 所 示 。 输 入 完毕 后 按 Ctrl+Enter 快 捷 键 完成 文字 输入 。 用 同样 的 方法 ， 


继续 在 该 文字 下 方 输入 文字 ， 并 在 选项 栏 中 设置 合适 的 字号 ， 如 图 5-77 所 示 。 
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图 5-74 

妈 在 文字 下 方 制作 按钮 。 新 建 图 层 ， 选 择 工具 箱 中 的 

“矩形 选 框 工具 ”， 在 文字 下 方 绘制 一 个 较 小 的 矩形 选区 ， 
如 图 5-78 所 示 。 
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图 5-78 
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嫩 执行 “编辑 > 描 边 ”命令 ， 在 弹出 的 “ 描 边 ”对 话 : 


框 中 设置 “宽度 ”为 2.5 像 素 ，“ 颜 色 ” 为 白色 ， “位置 ” 


为 “ 居 外 ”， 如 图 5-79 所 示 。 设 置 完成 后 单 击 “ 确 定 ” 按 


钮 ， 此 时 画面 效果 如 图 $-80 所 示 。 然 后 按 Ctrl+D 快 捷 键 取消 
选区 。 
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图 5-79 图 5-80 


; 中 选择 该 正 圆 图 层 ， 使 用 
i 复制 图 层 快捷 键 Ctrl+J， 
: 复制 出 一 个 相同 的 图 层 。 
: 然后 将 其 向 右 侧 拖 动 ， 如 
; 图 5-84 所 示 。 用 同样 的 方 
: 法 继续 复制 多 个 正 圆 并 
: ”向 右 侧 拖 动 ， 如 图 5-85 所 
: 示 。 此 时 界面 制作 完成 ， 
;最 终 效果 如 图 5-86 所 示 。 
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图 5-76 


熏 用 同样 的 方法 ， 继 续 使 用 “ 横 排 文字 工具 ”在 矩形 
内 部 输入 合适 的 文字 ， 并 在 选项 栏 中 设置 合适 的 字体 、 字 号 
及 颜色 。 此 时 按钮 制作 完成 ， 如 图 5-81 所 示 。 

葬 在 界面 底部 制作 “多 项 切换 圆 点 ”。 新 建 图 层 ， 选 
择 “ 椭 圆 选 框 工具 ”， 在 界面 底部 按 住 Shift 键 的 同时 按 住 鼠标 
左 键 拖 动 绘制 正 圆 ， 如 图 5-82 所 示 。 将 前 景色 设置 为 浅 灰色 ， 
使 用 填充 前 景色 快捷 键 AlttDelete 进 行 快速 填充 ， 如 图 5-83 所 
示 。 填 充 完成 后 按 Ctl+D 快 捷 键 取消 选区 。 
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图 5-81 


图 5-82 
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图 5-86 


操作 步骤 


执行 “文件 > 新 建 ” 命 令 ， 创 建 一 个 “宽度 ”为 
3500 像 素 ，“ 高 度 ”为 2827 像 素 ，“ 分 辨 率 ”为 300 像 素 / 英 
寸 的 新 文档 ， 如 图 5-88 所 示 。 


文件 路 径 第 5 章 \ 图 文 结合 的 多 彩 标志 设计 
难 易 指数 突 究 育 育 疝 


案例 效果 
案例 效果 如 图 5-87 所 示 。 


图 5-87 图 5-88 


了 新 建 图 层 ， 选 择 工具 箱 中 的 “多 边 形 套 索 工具 ”， 在 工具 箱 的 底部 设置 前 景色 为 蓝 色 ， 接 着 在 画面 的 左 侧 绘制 一 个 
边 形 选 区 ， 绘 制 完 成 后 使 用 填充 前 景色 快捷 键 Alt+Delete 
为 选区 填充 前 景色 ， 如 图 5-89 所 示 。 再 次 新 建 图 层 ， 设 置 
前 景色 为 较 深 的 蓝 色 ， 用 同样 的 方法 绘制 蓝 色 形状 的 侧 
面 ， 效 果 如 图 $-90 所 示 。 
了 使 用 同样 的 方法 制作 其 他 的 彩色 形状 ， 如 图 5-91 


所 示 


图 5-90 图 5-91 


” 思维 点 拨 


大 在 所 有 彩色 矩形 下 方 新 建 图 层 ， 再 次 使 用 “多 边 形 套 索 工具 ”绘制 阴影 选区 ， 并 为 其 填充 黑色 ， 如 图 $-92 所 示 。 在 “图 
层 ” 面 板 中 设置 该 图 层 的 “不 透明 度 ” 为 20%， 如 
图 5-93 所 示 ， 效 果 如 图 5-94 所 示 。 

隔 新 建 图 层 组 ， 命 名 为 “文字 ”， 选 择 工具 
箱 中 的 “ 横 排 文字 工具 ”， 在 选项 栏 中 设置 合适 的 
字体 、 字 号 ， 设 置 文字 颜色 为 白色 ， 设 置 完 成 后 在 
画面 中 合适 的 位 置 单 击 鼠 标 左 键 插入 光标 ， 建 立 文 
字 输 入 的 起 始点 ， 接 着 依次 输入 各 个 字母 ， 输 入 完 
毕 后 按 Ctrl+Enter 快 捷 键 确认 操作 。 不 同 的 字母 需要 
在 大 小 上 有 所 差异 ， 如 图 5-95 所 示 。 

了 复制 “文字 ”图 层 组 并 置 于 原 图 层 组 下 方 ， N502 国 5-05 
命名 为 “文字 阴影 ”， 如 图 $-96 所 示 。 使 用 合并 图 层 快捷 键 Ctrl+E 将 其 合并 为 一 个 图 层 ， 接 着 使 用 “色相 /饱和 度 ” 命 令 快捷 
键 Ctrl+U， 在 弹出 的 “色相 /饱和 度 ” 对 话 框 中 设置 “明度 ”为 -100， 使 该 图 层 变 为 黑色 ， 如 图 $-97 所 示 。 设 置 完成 后 单 击 
“确定 ”按钮 。 
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图 5-94 图 5-95 图 5-96 


了 适当 向 下 移动 文字 阴影 图 层 ， 并 设置 该 图 层 的 “不 透明 度 ” 为 30%， 如 图 5-98 所 示 。 执 行 “文件 > 置 入 嵌入 对 象 ” 命 
令 ， 将 背景 素材 “1jpg” 置 入 文档 内 ， 将 其 摆 放 在 合适 的 位 置 并 栅 格 化 ， 案 例 最 终 效果 如 图 $-99 所 示 。 
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/二 
十 ) 绘制 常见 矢量 几何 图 形 


在 了 解 绘图 工具 之 前 ， 我 们 需要 先 了 解 一 个 概念 一 一 矢量 图 。 矢 量 图 是 由 线条 和 轮廓 组 成 ， 不 会 因为 放大 或 缩小 而 使 
像素 受 损 ， 影 响 清 晰 度 。“ 钢 笔 工具 ”与 “形状 工具 ”都 是 矢量 绘图 工具 ， 在 UI 设 计 制 作 过 程 中 ， 尽 量 使 用 矢量 绘图 工具 
进行 绘制 ， 这 样 可 以 保证 为 了 适应 不 同 屏幕 尺寸 时 ， 对 图 像 缩放 不 会 使 画面 元 素 变 模糊 。 除 此 之 外 ， 矢 量 绘图 因 其 明快 的 
色彩 ， 动 感 的 线条 也 常用 于 插画 或 者 时 装 画 的 绘制 ， 如 图 5-100 一 图 5-103 所 示 为 优秀 的 UI 设 计 作品 。 
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图 5-100 图 5-101 图 5-102 图 5-103 


5.3.1 了 解 绘图 模式 


要 学 习 钢 笔 工具 、 形 状 工具 ， 首 先 要 了 解 绘图 模式 。 选 择 工具 箱 中 的 某 个 形状 工具 ， 然 后 单 击 工 具 属 性 栏 中 的 “绘图 
模式 ”按钮 ， 即 可 看 到 “形状 ”“ 路 径 ”“ 像 素 ”3 种 绘图 模式 ， 如 图 5-104 所 示 。“ 钢 笔 工具 ”只 可 以 使 用 “形状 ”与 “路 
径 ” 两 种 方式 ， 如 图 5-105 所 示 。 如 图 5-106 所 示 为 3 种 不 同 绘制 模式 绘制 的 图 形 效果 。 
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图 5-104 图 5-105 图 5-106 


选择 该 选项 后 ， 可 在 单独 的 形状 图 层 中 创建 形状 。 形 状 图 层 由 填充 区 域 和 形状 两 部 分 组 成 ， 填 充 区 域 定义 了 形状 
的 颜色 、 图 案 和 图 层 的 不 透明 度 ， 形 状 则 是 一 个 矢量 图 形 ， 它 同时 出 现在 “路 径 ” 面 板 中 。 

选择 该 选项 可 以 创建 工作 路 径 ， 路 径 可 以 转换 为 选区 或 创建 矢量 蒙 版 ， 还 可 以 填充 和 描 边 。 

选择 该 选项 后 ， 可 以 在 当前 图 层 上 绘制 栅 格 化 的 图 形 。 


5.3.2 ”设置 填充 


当 设 置 绘制 模式 为 “形状 ”后 ， 就 需要 在 选项 栏 中 设置 其 填充 。 单 击 选项 栏 中 的 。” 太志 国 | 知 :om | 
“填充 ”按钮 ， 在 下 拉面 板 中 可 以 看 到 设置 填充 的 选项 ， 如 图 5-107 所 示 。 思 男 | 加 静电 
[加 |]: 单 击 该 按钮 可 以 设置 填充 为 无 颜色 。 无 填充 


用 图 案 填 充 
四 则 : 单 击 该 按钮 ， 可 以 在 面板 下 方 选 择 一 种 颜色 进行 填充 ， 如 图 5-108 NR a 
和 图 5-109 所 示 。 


仿 用 渐变 填充 | 圈 上 | 单 击 该 按钮 ， 可 以 在 面板 的 下 方 编辑 渐变 颜色 ， 使 用 方法 和 “渐变 编辑 器 ”相同 ， 如 图 5-110 和 图 5-111 
所 示 。 
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图 5-108 图 5-109 图 5-110 图 5-111 


钨 用 图 案 填 齐 吏 |] 单 击 该 按钮 ， 可 以 在 面板 下 方 选择 一 种 图 案 进 行 填充 ， 如 图 3-112 和 图 5$-113 所 示 。 
韶 拾 色 器 回 : 单 击 该 按钮 可 以 打开 “ 拾 色 器 ”对 话 框 ， 如 图 5-114 所 示 。 
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图 5-112 图 5-113 图 5-114 
5.3.3 设置 描 边 
矢量 对 象 的 “ 描 边 ”通俗 来 讲 就 是 在 边缘 加 上 一 圈 “ 边 ”。 这 个 “ 边 ” 可 以 是 单一 颜色 、 设置 描 边 选项 
浙 变色 或 者 图 案 。 在 选项 栏 中 可 以 对 描 边 的 颜色 、 宽 度 和 描 边 的 样式 进行 设置 ， 如 图 5-115 所 示 。 ”设置 描 边 频 色 | 
(1) 单 击 选项 栏 中 的 “ 描 边 ”按钮 ， 在 下 拉面 板 中 可 以 对 描 边 的 颜色 进行 调整 ， 其 使 用 “ 搓 b:[E 3 点 “| -| ---v 
方法 和 设置 填充 的 方法 相同 ， 如 图 5-116 和 图 5-117 所 示 。 . 1 
(2) 在 描 边 宽度 数值 框 内 输入 参数 ， 然 后 按 Enter 键 设置 描 边 宽度 ， 如 图 5-118 所 示 。 或 者 设置 描 边 宽度 
单 击 M 按 钮 ， 在 下 拉面 板 中 滑动 滑 块 ， 也 可 以 轻松 调整 描 边 的 宽度 ， 向 左 滑动 减 小 描 边 宽度 ， 图 5-115 


向 右 滑动 增 大 描 边 宽度 ， 如 图 5-119 所 示 。 
逢 b:[ 了 ]] 一 ”wpnasled oo Hz2a6 国民 十 
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图 5-118 


图 5-116 
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(3) 单 击 “ 描 边 选项 ”按钮 ， 在 下 拉面 板 中 。 品 : 目 5E 
可 以 设置 描 边 的 样式 ， 使 连续 的 描 边 变 为 虚线 描 - 
边 。 在 这 里 还 可 以 对 描 边 的 对 齐 方式 、 端 点 以 及 
角 点 的 形态 进行 设置 ， 如 图 5-120 和 图 5-121 所 示 。 
韶 描 边 样式 ， 可 以 选择 用 实 线 、 虚 线 或 者 圆 点 来 


进行 描 边 ， 如 
因 对 齐 : 单 击 对 


描 边 与 路 径 的 对 齐 方式 ， 包 括 内 部 芝 、 居 中 加 


和 外 部 回 3 种 ， 


择 路 径 端点 的 样式 ， 包 括 端面 下 、 圆 形 钨 和 方 
形 区 3 种 ， 如 图 5-127 和 图 5-128 所 示 。 
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图 5-125 


所 示 。 
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图 $-122 一 图 $-124 所 示 。 
齐 按钮 ， 可 以 在 下 拉面 板 中 选择 


如 图 5-125 和 图 5-126 所 示 。 
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图 5-126 图 5-127 
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图 5-128 图 5-129 
该 按钮 ， 可 以 打开 “ 描 边 ” 对 话 框 ， 在 该 对 话 框 中 ， 除 了 包含 之 前 的 选项 外 ， 还 可 以 调整 虚线 间距 ， 制 作 


出 间距 不 同 的 虚线 效果 ， 如 图 5-131 所 示 。 


间 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 使 用 形状 工具 -flv 


使 用 形状 工具 组 中 的 工具 能 够 绘制 一 些 基 本 图 形 ， 例 如 圆 形 、 和 矩形 ， 以 及 一 些 Photoshop 中 预 "器 券 红 具 vu 
设 的 图 形 。 该 工具 组 中 的 工具 其 使 用 方法 基本 相同 。 在 形状 工具 组 上 单 击 鼠 标 右键 即 可 看 到 这 些 口 图 负 扯 形 工具 U 
工具 ， 如 图 5-132 所 示 。 De 

(1) “和 矩形 工具 ”| 加 可 以 绘制 出 正方 形 和 和 矩 形 形 状 。 选 择 工具 箱 中 的 “矩形 工具 ”， 设 置 绘 /直线 IT 具 vu 
制 模式 为 “形状 ”， 设 置 好 合适 的 填充 、 描 边 颜色 ， 在 画面 中 按 住 鼠 标 左 键 并 拖 动 ， 松 开 鼠 标 即 从 和 RI 上 v| 
可 绘制 出 矩形 ， 如 图 $-133 所 示 。 绘 制 时 按 住 Shif 键 可 以 绘制 出 正方 形 ， 如 图 $-134 所 示 。 选 择 “ 和 矩 图 5-132 


形 工具 ”， 在 画面 中 单 击 ， 可 以 弹出 “创建 矩形 ”对 话 框 ， 在 该 对 话 框 中 可 以 设置 矩形 的 “ 宽 
度 ” 和 “高 度 ”， 如 图 5-135 所 示 。 


ma ee | -一 -wwe mwpesz 日 本 者 外 om 


痪 度 :100 像素 “| 高 度 : 
口 从 中 心 


i 在 选项 栏 中 单 击 [名 | 图 标 ， 打 开 “ 算 形 工具 ”的 设置 选项 ， 在 这 里 可 以 对 矩形 的 尺寸 

| 以 及 比例 进行 精确 的 设置 ， 如 图 5-136 所 示 。 

i ”0 不 受 约束 : 选中 该 单 选 按 钮 ， 可 以 绘制 出 任意 尺寸 的 算 形 。 

图 方形 : 选中 该 单 选 按钮 ， 可 以 绘制 出 正方 形 。 

的 固定 大 小 : 选中 该 单 选 按钮 后 ， 可 以 在 其 后 的 数值 框 中 输入 宽度 (W) 和 高 度 (H) ， 
然后 在 图 像 上 单 击 即 可 创建 出 固定 算 形 。 

加 比例 : 选中 该 单 选 按钮 后 ， 可 以 在 其 后 的 数值 框 中 输入 宽度 (W) 和 高 度 (H) 比 
例 ， 此 后 创建 的 矩形 始终 保持 这 个 比例 。 

名 从 中 心 : 以 任何 方式 创建 矩 形 时 ， 选 中 该 复 选 框 ， 鼠 标 单 去 点 即 为 矩形 的 中 心 。 
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(2) “ 圆 角 和 矩形 工具 ” 包 j 可 以 创建 四 角 圆 滑 的 矩形 。 选 择 工 具 箱 中 的 “ 圆 角 矩形 工具 ”， 选 项 栏 中 “半径 ”选项 用 来 
设置 圆 角 的 大 小 ， 数 值 越 大 圆 角 越 大 。 设 置 完成 后 在 画面 中 按 住 鼠 标 左 键 并 拖 动 ， 即 可 绘制 出 圆 角 和 矩形， 如 图 $-137 所 示 。 
角 和 矩形 绘制 完成 后 ， 可 以 在 “属性 ”面板 中 对 所 绘制 的 圆 角 矩形 进行 更 改 。 当 取消 “将 角 半 径 值 链接 到 一 起 ”激活 状态 时 ， 
可 以 对 每 一 个 圆 角 半径 进行 设置 ， 如 图 $-138 所 示 ， 效 果 如 图 $-139 所 示 。 
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图 5-137 图 5-138 图 5-139 


高 手 小 贴 士 ， 在 “创建 图 角 逢 形 ”对 话 框 中 设置 贺 角 - 
甜 形 的 参数 a 


”选择 “ 团 角 夫 形 工具 ”， 在 画面 中 单 击 ， 在 弹出 的 “创建 国 角 矩形 ”对 话 框 ee 
| 中 可 以 设置 圆 角 矩 形 的 宽度 和 高 度 ， 以 及 4 个 贺 角 半径 的 数值 ， 如 图 5-140 所 示 。 . 
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(3) ) 使 用 “椭圆 工具 ” ©. 可 以 创建 出 椭圆 和 正 圆 形状 。 选 择 工具 箱 中 的 “椭圆 工具 ”， 在 画面 中 接 住 刀 标 左 键 并 抑 
动 鼠 标 ， 松 开 鼠 标 左 键 后 即 可 创建 出 椭圆 形 ， 如 图 5-141 所 示 。 如 果 要 创建 正 圆 形 ， 可 以 按 住 Shift 键 的 同时 进行 绘制 ， 如 
图 5-142 所 示 。 


下 两 | 丰 曾 而 加 5 一 二 机 吕 下 翅 疝 日 双全 亲口 半幅 


图 5-141 图 5-142 
(4) “多 边 形 工具 ”[ 旬 ] 主 要 用 于 绘制 各 种 边 数 的 多 边 形 ， 除 此 之 外 ， 使 用 该 工具 还 可 以 用 于 绘制 星 形 。 选 择 工具 箱 中 
的 “多 边 形 工具 ”， 在 选项 栏 中 设置 多 边 形 的 “ 边 ” 数 ， 接 着 在 画面 中 按 住 鼠标 左 键 并 拖 动 ， 松 开 鼠 标 后 即 可 得 到 多 边 形 ， 
如 图 5-143 所 示 。 若 想 绘制 星 形 ， 需 要 单 击 选项 栏 中 的 [ 龟 ] 图 标 ， 打 开 “ 多 边 形 工具 ”的 设置 选项 ， 选 中 “ 星 形 ” 复 选 框 ， 设 
置 一 定 的 “ 缩 进 边 依据 ”， 即 可 得 到 星 形 ， 如 图 $-144 所 示 。 
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5-143 图 5-144 


[9 “多 边 形 工具 ”选项 栏 参数 详解 
单 击 选项 栏 中 的 [ 千 | 图 标 ， 打 开 “ 多 边 形 工具 ”的 设置 选项 ， 在 这 里 可 以 进行 半径 、 平 滑 扬 角 以 及 星 形 的 设置 ， 如 | 


图 5-145 所 示 。 


侈 半径 : 用 于 设置 多 边 形 或 星 形 的 半径 长 度 〈 单 位 为 on) ， 设 置 好 半径 以 后 ， 在 画面 中 拖 动 鼠 标 即 可 创建 出 相应 半径 的 ， 
多 边 形 或 星 形 。 | 
人 @ 平滑 拐角 ;选中 该 复 选 框 后 ， 可 以 创建 出 具有 平滑 扬 角 效果 的 多 边 形 或 星 形 ， 如 图 5-146 所 示 。 : 
人 9 星 形 ; 选中 该 复 选 框 语 ， 可 以 创建 星 形 ， 下 面 的 “ 缩 进 边 依据 ”选项 主要 用 来 设置 星 形 边缘 向 中 心 缩 进 的 百分比 ， 数 | 

值 越 高 ， 缩 进 量 越 大 ， 如 图 5-147 所 示 。 | 
的 平滑 编 进 ， 选中 该 复 选 框 后 ， 可 以 使 星 形 的 每 条 边 向 中 心平 滑 缩 进 ， 如 图 5-148 所 示 。 
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图 5-145 


(5) “直线 工具 ”[ 乙 | 常用 于 绘制 带 有 宽度 的 直线 


TTT 


线条 ， 如 图 5-149 所 示 。 除 此 之 外 ， 还 可 以 在 选项 栏 中 。 局 6 
单 击 闲 图标， 在 弹出 的 选项 菜单 中 可 以 进行 箭头 的 设 。 总 甸 
置 ， 绘 制 出 带 有 箭头 的 形状 。 选 择 工具 箱 中 的 “直线 工 。 
具 ”， 然 后 通过 设置 “粗细 ”参数 调整 直线 的 宽度 ， 如 之 百 
图 5-150 所 示 。 
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人 了 选项 解读 ， “直线 工具 ”参数 详解 

: 设置 直线 或 靖 头 线 的 粗细 。 i 

选中 “起 点 ” 复 选 框 ， 可 以 在 直线 的 起 点 处 添加 箭头 ; 选中 “终点 ” 复 选 框 ， 可 以 在 直线 的 终点 处 添加 | 

; 选中 “起 点 ”和 “终点 ” 复 选 框 ， 则 可 以 在 两 端 都 添加 笠 头 。 | 

例 宽度 : 用 来 设置 往 头 宽度 与 直线 宽度 的 百分比 ， 范 围 为 10% 一 1000%。 

全 长 度 : 用 来 设置 薪 头 长 度 与 直线 宽度 的 百分比 ， 范 围 为 10% 一 5000%。 

的 四 度 : 用 来 设置 箭头 的 凹陷 程度 ， 范 围 为 -50% 一 50%。 值 为 0% 时 ， 箭 头 尾部 平 齐 ， 值 大 于 0 时 ， 背 头 尾 部 向 内 凹陷 ; 
值 小 于 0 时 ， 葡 头 尾部 向 外 西 出 。 


(6) “ 自 定形 状 工具 ”| 路] 可 以 用 于 绘制 Photoshop 内 置 的 形状 。 选 择 工具 箱 中 的 “ 自 定形 状 工具 ”， 在 选项 栏 的 形状 下 
拉 列 表 中 选择 合适 的 形状 。 在 画面 中 按 住 鼠标 左 键 并 拖 动 即 可 绘制 形状 ， 如 图 5-151 所 示 。 
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图 5-150 图 5-151 


妈 案例 实战 一 一 使 用 椭圆 工具 制作 简约 计时 器 
文件 站 径 。 第 5 章 \ 使 用 风 国 工具 制作 简约 计时 绒 | 扫 码 看 视频 ; 
难 易 指数 。 家 安 启 启 启 上 


上 示 。 然 后 使 用 填充 前 景色 快捷 键 Alt+Delete 进 行 快速 填充 ， 
如 图 5-154 所 示 。 


人 中 


案例 效果 
新 的 

案例 效果 如 图 5-152 所 示 。 多 

2 

6. i 

他. 

i OH: 45 度 D4 lss 

© 区 J% 9 这 

上 图 5-153 
国 5-152 i 加 制作 计时 器 贺 形 形状 。 在 工具 箱 中 右 击 形状 工具 

| 组 ， 在 形状 工具 组 列表 中 选择 “ 椭 贺 工具”， 在 选项 栏 中 设 
操作 步骤 | 置 “绘制 模式 ”为 “形状 ”， 单 击 “ 填 充 ” 按 钮 ， 编 辑 一 个 


了 执行 “文件 > 新 建 ” 命 令 ， 创 建 一 个 新 的 文档 。 单 ”; 黄色 渐变 色 ， 并 设置 “ 描 边 ”为 无 ， 如 图 5-155 所 示 。 设 置 
击 工具 箱底 部 的 “前 景色 ”按钮 ， 在 弹出 的 “ 拾 色 器 ”对 ;完成 后 ， 在 画面 中 按 住 鼠 标 左 键 的 同时 按 住 Shift 键 并 拖 动 ， 
话 框 中 设置 颜色 为 黄色 ， 单 击 “确定 ”按钮 ， 如 图 5-153 所 ”; 绘制 一 个 正 贺 ， 如 图 5-156 所 示 。 
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图 5-156 


名 为 黄色 渐变 圆 制作 投影 效果 。 选 择 正 圆 图 层 ， 执 行 


“图 层 > 图 层 样式 > 投影 ”命令 ， 在 弹出 的 “图 层 样式 ” 对话 


框 中 设置 “混合 模式 ”为 “正片 谷底 ”， 阴 影 颜色 为 黑色 ， 


“不 透明 度 ” 为 40%， 


“角度 ”为 120 度 ， 


素 ，“ 大 小 ”为 2 像素 ， 设 置 完成 后 单 击 “ 确 定 ” 按 钮 ， 如 
图 5-157 所 示 ， 此 时 效果 如 图 5-158 所 示 。 : 
国民 - 
Ea aa 国 上 
ee Talo 一 El rr 
asu:(» )E a © as) 回 二 MW 
ee [mm 国 
a 
a a 
图 5-157 
基 使 用 “椭圆 工具 ”， 在 选项 栏 中 将 “填充 ”设置 为 明 
度 较 高 的 黄色 渐变 色 ， 如 图 5-159 所 示 。 设 置 完成 后 ， 在 黄色 
渐变 形状 上 按 住 Shift+Alt 快 捷 键 进行 中 心 等 比例 绘制 ， 绘 制 


一 个 下 


， 如 图 $-160 所 示 。 


| 色 ， 如 图 $-162 所 示 ， 


“距离 ” 为 8 像 


i 状态 下 单 击 


i 式 " 为 “形状 ”， 
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图 5-158 图 5-159 
: 项 在 “图 层 ”面板 中 选中 较 小 正 圆 图 层 ， 使 用 复制 图 
# 层 快捷 键 Ctrl+J 复 制 出 一 个 相同 的 图 层 ， 如 图 $-161 所 示 。 单 
# 击 选中 复制 的 图 层 ， 在 选项 栏 中 将 其 填充 为 灰色 系 的 渐变 颜 
形 效果 如 图 $-163 所 示 。 
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图 5-163 


是 在 工具 箱 中 选择 “钢笔 工具 ”， 在 选项 栏 中 设置 


: “绘制 模式 ”为 “路 径 ”， 
: 径 ， 如 图 5-164 所 示 。 路 径 
# 快速 将 路 径 转换 为 选区 ， 如 图 $-165 所 示 。 


接着 沿 圆 形 左 侧 外 轮廓 绘制 路 


绘制 完成 后 ， 按 Ctrl+Enter 快 捷 键 


区 在 “图 层 ”面板 中 选中 该 图 层 ， 在 保持 当前 选区 的 


“图 层 ” 


了 B 继续 使 用 “ 椭 


“填充 ”为 深 灰色 ， 


面板 底部 的 “添加 图 层 蒙 版 ”按钮 ， 为 
# 该 图 层 添 加 图 层 蒙 版 。 选 区 以 内 的 部 分 为 显示 状态 ， 选 区 以 
外 的 部 分 被 隐藏 ， 如 图 5-166 所 示 。 

工具 ”， 在 选项 栏 中 设置 “ 绘 


模 
“ 描 边 ”为 无 ， 设 置 
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完成 后 ， 在 画面 中 的 圆 形 上 按 住 Shift+Alt 快 捷 键 进行 中 心 等 比例 绘制 ， 如 图 $-167 所 示 。 
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图 5-164 图 5-165 图 5-166 
加 选择 工具 箱 中 的 “ 横 排 文字 工具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 将 文字 颜色 设置 为 白色 ， 设 置 ; 
形 中 心 位 置 单 击 ， 接 着 输入 文字 ， 如 图 $-168 所 示 。 文 字 输 入 完毕 后 ， 按 Ctrl+Enter 快 捷 键 完成 操作 。 用 同样 的 
用 “ 横 排 文字 工具 ”在 数字 下 方 输入 较 小 的 文字 ， 并 在 选项 栏 中 设置 合适 的 字体 、 字 号 及 颜色 ， 如 图 $-169 所 示 。 
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图 5-167 图 5-168 


名 此 时 简约 计时 器 绘制 完成 ， 效 果 如 图 5-170 所 示 。 
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seconds 


图 5-169 图 5-170 


在 Photoshop 中 可 以 将 已 经 绘制 好 的 路 径 存储 在 “ 自 定义 形状 ”面板 中 ， 使 用 时 可 以 通过 “ 自 定形 状 工具 ”[ 铝 |， 在 列表 


中 找到 该 图 形 。 


(1) 绘制 路 径 ， 如 图 5-171 所 示 。 接 着 执行 “编辑 > 定义 自 定形 状 ” 命 令 ， 在 弹出 的 “形状 名 称 ” 对 话 框 中 设置 一 个 合适 


的 名 称 ， 然 后 单 寺 


二 “确定 ”按钮 ， 如 图 $-172 所 示 。 第 
(2) 定义 完成 后 ， 单 击 工 具 箱 中 的 “ 自 定形 状 工具 ”按钮 [ 铝 ]， 在 选项 栏 中 单 击 形状 按钮 ， 在 下 拉面 板 中 的 底部 即 可 看 5 
到 刚刚 定义 的 形状 ， 如 图 $-173 所 示 。 音 
Es 包 已 但 二 到: 讼 目 B 二 LA 
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“路 径 操作 ”是 两 个 闭合 路 径 之 间 的 运算 操作 。 
(1) 使 用 “形状 工具 ”在 画面 中 绘制 一 个 形状 ， 如 图 5-174 所 
示 。 单 击 选项 栏 中 的 “路 径 操作 ”按钮 外， 在 这 里 可 以 进行 路 径 


操作 的 设置 ， 如 图 5-175 所 示 。 


(2) 若 选 择 “ 新 建 图 层 ”5,， 


在 画面 中 绘制 形状 ， 此 时 该 形 

状 与 画面 中 的 原始 形状 不 发 生 关系 ， 它 是 可 移动 的 ， 如 图 5-176 所 

示 。“ 图 层 ” 面 板 中 显示 出 新 绘制 的 形状 图 层 ， 如 图 5-177 所 示 。 
(3) 若 选 择 “ 合 并 形状 ”名 ， 然 后 在 画面 中 原始 形状 的 右 


季 合并 形状 组 件 
侧 继续 绘制 形状 ， 按 Enter 键 完成 绘制 ， 此 时 两 个 形状 重 双 在 一 
起 ， 如 图 5-178 所 示 。 这 两 个 形状 在 同一 个 图 层 中 ， 如 图 5-179 G1 SS 
所 示 。 
[se 于 = 和 | 
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图 5-176 
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图 5-177 图 5-178 图 5-179 


(4) 若 选 择 “ 减 去 顶层 形状 ”名 ， 此 时 顶层 形状 与 底层 形状 相交 的 部 分 将 被 减 去 ， 如 图 5-180 所 示 。 
(5) 若 选 择 “ 与 形状 区 域 相交 ”后 ， 此 时 只 保留 两 个 形状 相交 的 区 域 ， 如 图 5-181 所 示 。 
(6) 若 选 择 “ 排 除 重 全 形状” 名， 此 时 两 个 形状 相交 的 区 域 被 隐藏 ， 如 图 5-182 所 示 。 
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文件 路 径 第 5 章 \ 使 用 形状 工具 制作 水 唱 花 条 
难 易 指数 全 催 合 全 全 


案例 效果 

案例 效果 如 图 5-183 所 示 。 

操作 步骤 

名 执行 “文件 > 新 建 ”命令 创建 一 个 “宽度 ”为 1400 像 素 ，“ 高 ! 
度 ” 为 1300 像 素 ，“ 分 辩 率 ”为 72 像 素 / 英 寸 的 新 文档 ， 如 图 5-184 
所 示 。 图 5-183 

加 新 建 图 层 ， 选 择 工具 箱 中 的 “ 自 定形 状 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “路 径 ”， 接 着 单 击 “ 自 定形 状 ” 
拾 色 器 按钮 ， 在 弹出 的 下 拉面 板 中 选择 合适 的 图 案 ， 如 图 $-185 所 示 。 
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区 设置 完成 后 ， 在 画面 中 按 住 鼠 标 左 键 并 拖 动 ， 绘 制 


一 个 花 杂 的 路 径 。 绘 制 完 成 后 ， 按 CtrltEnter 快 捷 键 将 路 径 


转换 为 选区 ， 如 图 5-186 所 示 。 


牙 技 | 巧 | 提 [ 示 | 


为 了 保证 花灯 长 帘 等 比 ， 可 以 按 住 键盘 上 的 Shift 键 


名 单 击 工具 箱 中 的 “渐变 工具 ”按钮 上 @]， 在 选项 栏 ; 
中 单 击 渐变 色 条 ， 在 弹出 的 “渐变 编辑 器 ”窗口 中 编辑 一 种 
由 粉色 到 紫色 的 渐变 ， 设 置 完成 后 单 击 “ 确 定 ”按钮 。 接 着 
在 选项 栏 中 设置 “渐变 类 型 ”为 “线性 渐变 ”， 如 图 5-187 所 
示 。 在 选区 上 方 按 住 鼠标 左 键 拖 动 ， 释 放 忌 标 为 选区 填充 渐 
变 。 填 充 完成 后 按 Chl+D 快 捷 键 取消 选区 的 选择 ， 如 图 5-188 


所 示 。 
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[8 创建 新 图 层 2， 选 择 工具 箱 中 的 “画笔 工具 ”, 在 
工具 箱 的 底部 设置 前 景色 为 浅 粉色 ， 接 着 单 击 选项 栏 中 的 
“画笔 预 设 ” 选 取 器 按钮 ， 在 弹出 的 下 拉面 板 中 设置 “大 
“硬度 ”为 100%6， 选 择 常规 画笔 组 下 的 硬 


小 ”为 10 像 素 ， 
边 圆 画 笔 ， 如 图 5-189 所 示 


区 再 次 使 用 工具 箱 中 的 “ 自 定 形状 工具 ”在 画面 中 绘 ! 


i 制 较 小 的 花 条 路 径 。 接 着 执行 “窗口 > 路 径 ” 命 令 ， 在 弹出 
: 的 “路 径 ” 面 板 中 单 击 “ 用 画笔 描 边 路 径 ” 按 钮 ， 如 图 5-190 
: 所 示 ， 此 时 画面 效果 如 图 5-191 所 示 。 
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图 5-188 
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图 5-190 图 5-191 
区 继续 创建 新 图 层 3， 选 择 工具 箱 中 的 “椭圆 工 


i 具 ”， 在 工具 箱 的 底部 设置 前 景色 为 白色 ， 接 着 在 选项 栏 中 
| 设置 “绘制 模式 ”为 “像素 ”， 设 置 完成 后 ， 在 两 个 花 杂 中 
; 心 的 位 置 按 住 Shift 键 并 按 住 鼠标 左 键 拖 动 ， 绘 制 一 个 白色 的 
: 正 圆 形 ， 在 “图 层 ”面板 中 设置 该 正 圆 形 的 “不 透明 度 ”为 
i 10%， 效 果 如 图 5-192 所 示 。 
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创建 新 图 层 4， 选 择 工具 箱 中 的 “钢笔 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “路 径 ”， 接 着 在 适当 的 位 置 绘制 出 
高 光 部 分 的 闭合 路 径 ， 如 图 5-193 所 示 ， 绘 制 完成 后 按 Ctrl+Enter 快 捷 键 将 当前 路 径 转 换 为 选区 。 接 着 使 用 “渐变 工具 ”填充 
一 种 白色 到 透明 的 线性 渐变 ， 如 图 5-194 所 示 。 调 整 图 层 不 透明 度 为 52%， 效 果 如 图 5-195 所 示 。 
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图 5-193 图 5-194 图 5-195 


隐 选择 工具 箱 中 的 “ 横 排 文字 工具 ”， 在 合适 的 位 置 键入 文字 ， 文 字 输入 完毕 后 按 Ctrl+Enter 快 捷 键 确认 操作 。 接 着 使 
用 自由 变化 快捷 键 Ctrl+T 调 出 定 界 框 ， 并 按 住 Ctrl 键 将 其 变形 ， 效 果 如 图 5-196 所 示 。 

选中 文字 图 层 ， 执 行 “ 图 层 > 图 层 样式 > 投影 ”命令 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 设置 “混合 模式 ”为 “正片 夺 
底 ”， 颜 色 为 黑色 ，“ 不 透明 度 ” 为 35%，“ 角 度 ”为 120 度 ，“ 距 离 ” 为 8 像素 ，“ 大 小 ”为 6 像素 ， 设 置 完成 后 单 击 “ 确 
定 ” 按 钮 ， 如 图 5-197 所 示 ， 案 例 最 终 效果 如 图 5-198 所 示 。 
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图 5-196 图 5-197 图 5-198 


文件 路 径 第 5 章 \ 使 用 自 定形 状 工具 制作 心 形 按钮 
难 易 指数 座 评 容 宙 从 


案例 效果 

案例 效果 如 图 $-199 所 示 。 
操作 步骤 
了 执行 “文件 > 新 建 ”命令 创建 一 个 “宽度 ”为 1476 


像素 ，“ 高 度 ”为 1408 像 素 ，“ 分 辩 率 ”为 72 像 素 /英寸 的 
新 文档 ， 如 图 5-200 所 示 。 : 图 5-199 


了 选择 工具 箱 中 的 “ 自 定 形状 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”， 接 着 单 击 “ 填 充 ” 按 钮 ， 在 弹出 
的 下 拉面 板 中 单 击 “渐变 ”按钮 ， 并 在 面板 底部 编辑 一 种 蓝 色 系 渐变 ， 设 置 “ 渐 变 类 型 ”为 “线形 ”，“ 旋 转 渐变 ” 值 为 
-21。 单 击 “ 自 定形 状 ” 拾 色 器 按钮 ， 在 弹出 的 下 拉面 板 中 选择 一 个 心 形 ， 如 图 5-201 所 示 。 
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隐 在 画面 的 中 心 位 置 按 住 鼠 标 左 键 拖 动 ， 绘 制 一 个 心 形 形 状 ， 如 图 5-202 所 示 。 

名 选择 工具 箱 中 的 “钢笔 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “路 径 ”， 设 置 完成 后 在 心 形 的 上 方 绘制 出 高 光 形 
状 ， 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 执行 “建立 选区 ”命令 ， 如 图 5-203 所 示 。 

隐 新 建 图 层 ， 在 工具 箱 的 底部 设置 前 景色 为 白色 ， 然 后 使 用 填充 前 景色 快捷 键 AlttDelete 为 选区 填充 白色 。 在 “图 层 ” 
面板 中 设置 “不 透明 度 ” 为 13%， 如 图 $-204 所 示 ， 效 果 如 图 $-205 所 示 。 接 着 按 Ctl+D 快 捷 键 取消 选区 的 选择 。 


图 5-202 图 5-203 图 5-204 图 5-205 


阳 选择 工具 箱 中 的 “ 横 排 文字 工具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 文 字 颜色 为 白色 ， 设 置 完 成 后 在 心 形 的 上 方 
单 击 鼠 标 左 键 插入 光标 ， 建 立 文字 输入 的 起 始点 ， 接 着 输入 英文 字母 “INITIAL”， 输 入 完毕 后 按 CtrltEnter 快 捷 键 确认 输入 操 


作 。 单 击 选项 栏 中 的 “创建 文字 变形 ”按钮 ， 在 弹出 的 “变形 文字 ”对 话 框 中 设置 “样式 ”为 “增加 ”，“ 弯 曲 ” 为 +22%， 
“水 平 扭曲 ”为 4%，“ 垂 直 扭 曲 ”为 -1%， 设 置 完成 后 单 击 “ 确 定 ”按钮 ， 如 图 5-206 Gass[ 寺 国宝 
所 示 ， 效 果 如 图 5-207 所 示 。 性 “ 

区 单 击 “ 图 层 ” 面 板 中 的 “添加 图 层 样式 ”按钮 友 .， 在 弹出 的 “图 层 样式 ”对 ry re 3 
话 框 中 设置 “混合 模式 ”为 “正片 登 底 ”， 颜 色 为 黑色 ，“ 不 透明 度 ” 为 35%，“ 角 SF) EE) Ee 
度 ” 为 -150 度 ，“ 距 离 ”为 8 像素 ，“ 大 小 ”为 6 像素 ， 如 图 5-208 所 示 。 设 置 完成 后 单 lel Oe" 

击 Enter 键 结束 操作 ， 效 果 如 图 5-209 所 示 。 (Oj 四 [四 =* 

了 用 同样 的 方法 制作 “STAGE” 和 “1!”， 调 整 位 置 ， 案 例 最 终 效果 如 图 5-210 ey ©@O* 
所 示 。 一 一 -一 一 


图 5-206 
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图 5-208 图 5-209 图 5-210 


多 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 使 用 钢笔 工具 .flv 

(9 技术 速 查 : “钢笔 工具 ”是 最 基本 、 最 常用 的 路 径 绘制 工具 ， 使 用 该 工具 可 以 绘制 任意 形状 的 直线 或 曲线 路 径 。 
“钢笔 工具 ”属于 矢量 绘图 工具 ， 它 主要 有 两 个 用 途 : 一 是 绘制 矢量 图 形 ， 三 是 抠 图 。 作 为 绘图 工具 的 钢笔 可 以 轻松 绘 

制 出 各 种 复杂 的 形状 ， 还 可 以 配合 描 边 与 填充 颜色 的 设置 得 到 完整 的 图 形 。 在 作为 抠 图 工具 使 用 时 ， 钢 笔 可 以 精准 、 平 滑 地 

绘制 复杂 路 径 ， 然 后 将 路 径 转 换 为 选区 ， 从 而 选择 相应 的 对 象 。 如 图 5-211 一 图 $-214 所 示 为 使 用 “钢笔 工具 ”制作 的 作品 。 
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图 5-211 图 5-212 
单 击 工具 箱 中 的 “钢笔 工具 ” 按 二 一 
铀 大 ， 其 选项 栏 如 图 5-215 所 示 。 Drm 人 
的 3E_ “工具 模式 : 在 下 拉 列 表 中 Se Se 
可 以 设置 “钢笔 工具 ”的 工具 模 ER 
式 ，“ 钢 笔 工 具 ” 只 能 绘制 “ 形 i [Ee 四 RE 
状 ” 或 者 “路 径 ” Ee 
后 址 : 多 -| 新 ”水 : 绘制 路 径 .oY, ND 
之 后 ， 单 击 选项 栏 中 的 “选区 ”可 :0 a 
以 将 路 径 转换 为 选区 单 击 “ 蒙 i i 
版 ”按钮 ， 可 以 以 当前 路 径 为 所 先 Fp 7 
图 层 建立 矢量 蒙 版 ， 路 径 以 外 的 区 国 + Es 
域 被 隐藏 ， 单 击 “ 形 状 ”按钮 ， 能 aa 
够 以 当前 路 径 建立 一 个 形状 对 象 。 
图 5-214 图 5-215 


的 名 路 径 操作 : 选择 路 径 区 域 选项 以 确定 重 倒 路径 组 件 如何 交 叉 。 

意 已 路 径 对 齐 方式 : 与 多 个 图 层 的 对 齐 与 分 布 的 操作 相同 ， 想 要 对 路 径 进 行 对 齐 分 布 的 操作 ， 也 需要 使 用 “路 径 选择 工 
具 ”[ 选择 多 个 路 径 ， 然 后 在 选项 栏 中 单 击 “ 路 径 对 齐 方式 ”按钮 ， 在 弹出 的 菜单 中 可 以 对 所 选 路 径 进行 对 齐 、 分 
布 的 设置 ， 如 图 5-216 所 示 。 如 图 $-217 所 示 为 对 齐 并 均匀 分 布 的 效果 。 


图 5-216 图 5-217 
的 虽 路 径 排列 方法 : 当 文件 中 包含 多 个 路 径 时 ， 路 径 的 上 下 顺序 也 会 对 画面 效果 产生 影响 。 想 要 调整 路 径 的 堆 叙 顺序 ， 
首先 需要 选择 路 径 ， 单 击 属性 栏 中 的 “路 径 排列 方法 ”按钮 [ 量 ， 在 下 拉 列 表 中 单 击 并 执行 相关 命令 ， 可 以 将 选中 的 路 
径 的 层级 关系 进行 相应 的 排列 。 
名 自动 添加 /删除 : 选中 “自动 添加 /删除 ” 复 选 框 后 ， 将 “钢笔 工具 ”定位 到 所 选 路 径 上 方 时 ， 它 会 变 成 添加 锚 点 工 
具 ; 当 将 “钢笔 工具 ”定位 到 锚 点 上 方 时 ， 它 会 变 成 删除 锚 点 工具 。 


5.4.1 使 用 “钢笔 工具 ”绘制 路 径 


《1) 选择 工具 稍 中 的 “钢笔 工具 ”| 可 ， 如 图 $-218 所 示 。 然 后 在 选项 栏 中 设置 绘制 模式 为 [IB 一 
“路 径 ”， 将 光标 移 至 画面 中 ， 单 击 即 可 创建 一 个 锚 点 ， 如 图 5-219 所 示 。 T| ER 


(2) 将 光标 移 至 下 一 处 位 置 并 单 击 创建 第 二 个 锚 点 ， 两 个 锚 点 会 连接 成 一 条 由 角 点 定义 的 直线 > Dn 
路 径 ， 如 图 5-220 所 示 。 移 动 到 第 三 个 位 置 并 单 击 ， 得 到 折线 ， 如 图 5-221 所 示 。 ,mW | 人 转换 上 工具 


图 5-219 
人 J 高 手 小 贴 士 : 使 用 “钢笔 工具 ”的 小 技巧 
按 住 Shift 键 可 以 绘制 水 平 、 垂 直 或 以 45” 角 为 增 量 的 直线 。 


平 沾 卉 图 In | 翰 吕 潍 


(3) 如 果 要 绘制 曲线 ， 可 先 在 画面 中 单 击 ， 然 后 将 光标 移动 至 下 一 个 位 置 ， 按 住 鼠 标 左 键 并 拖 动 即 可 创建 一 个 平滑 
点 ， 如 图 5-222 所 示 。 继 续 以 同样 的 方式 进行 绘制 ， 效 果 如 图 5-223 所 示 。 


图 5-221 图 5-222 
(4) 将 光标 放 在 路 径 的 起 点 ， 当 光标 变 为 &。 状 时 ， 单 击 即 可 闭合 路 径 ， 如 图 5-224 所 示 。 如 果 要 结束 一 段 开 放 式 路 径 的 
绘制 ， 可 以 按 住 Ctrl 键 并 在 画面 的 空白 处 单 击 ， 或 者 按 Esc 键 也 可 以 结束 路 径 的 绘制 ， 如 图 5$-225 所 示 。 
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图 5-223 图 5-224 
(5) 绘制 出 精确 的 路 径 往往 不 是 最 终 目 的 ， 最 终 目 的 在 于 通过 将 路 径 转换 为 选区 ， 然 后 对 选区 进行 填充 或 者 对 选区 
内 的 图 像 进行 处 理 。 在 路 径 上 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 执行 “建立 选区 ”命令 ， 如 图 5-226 所 示 。 接 着 在 弹出 的 
“建立 选区 ”对 话 框 中 设置 新 建 选区 的 “羽化 半径 ”， 也 可 以 将 新 建 的 选区 与 原始 包含 的 选区 进行 运算 ， 如 图 5$-227 所 示 。 按 
Ctrl+Enter 快 捷 键 即 可 将 路 径 快 速 转 换 为 选区 。 
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图 5-225 图 5-226 


(6) 得 到 选区 后 可 以 在 图 层 中 填充 ， 设 置 合适 的 前 景色 ， 然 后 使 用 填充 前 景色 快捷 键 AlttDelete 进 行 填充 ， 如 图 $-228 所 
示 。 填 充 完成 后 按 CtrlHtD 快 捷 键 取消 选区 
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图 5-227 图 5-228 


选择 工具 箱 中 的 “钢笔 工具 ”， 在 选项 栏 中 设置 绘制 模式 为 “形状 ”， 然 后 设置 其 填充 。 单 击 选项 栏 中 的 “填充 ” 按 
钮 ， 在 下 拉面 板 中 可 以 看 到 设置 填充 的 选项 ， 如 图 5-229 所 示 。 


-| mr] om -~ 


(1) 单 击 “ 纯 色 填 充 ” 按 钮 国 串 ， 在 下 拉面 板 中 选择 一 种 颜色 进行 填充 ， 如 四 品 
图 5-230 所 示 。 接 着 进行 图 形 的 绘制 ， 效 果 如 图 5-231 所 示 。 zn pa 到 
(2) 单 击 “ 渐 变 填充 ”按钮 [ 面 ]， 在 下 拉面 板 中 编辑 一 个 渐变 颜色 ， 如 图 5-232 HII 


所 示 。 接 着 进行 图 形 的 绘制 ， 效 果 如 图 5-233 所 示 。 
图 5-229 
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图 5-230 图 5-231 图 5-232 


(3) 单 击 “ 图 案 填 充 ”按钮 [ 琐 ]， 在 下 拉面 板 中 选择 合适 的 图 案 ， 如 图 $-234 所 示 。 接 着 进行 图 形 的 绘制 ， 效 果 如 图 $-235 
所 示 。 
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5.4.3 ”使 用 “钢笔 工具 ”绘制 彩色 边框 


在 “钢笔 工具 ”的 选项 栏 中 可 以 对 描 边 样式 进行 设置 。 

(1) 选择 工具 箱 中 的 “钢笔 工具 ”， 设 置 “ 填 充 ” 为 无 ，“ 描 边 ” 为 “ 橘 色 ”，“ 描 边 粗 细 ” 为 5 点 ， 然 后 单 击 “ 描 边 
选项 ”按钮 ， 在 下 拉面 板 中 可 以 设置 描 边 的 样式 ， 如 图 5-236 所 示 。 

(2) 将 “ 描 边 样式 ”设置 为 实 线 ， 描 边 效果 如 图 5-237 所 示 。 将 “ 描 边 样式 ”设置 为 虚线 ， 描 边 效 果 如 图 $-238 所 示 。 将 
“ 描 边 样式 ”设置 为 圆 点 线 ， 描 边 效果 如 图 5-239 所 示 。 


坟 !: [了] 和 :| 5 点 
扩 力 选项 


图 5-236 图 5-237 图 5-238 图 5-239 
EE ET : 加 按 住 Alt 键 并 双击 背景 图 层 ， 将 其 转换 为 普通 图 
文件 路 径 。。 第 5 章 \ 使 用 钢笔 绘制 复 来 的 人 像 选区 i 扫 码 看 视频 层 ， 单 击 工具 箱 中 的 “钢笔 工具 ”按钮 [ 儿 j， 首 先 从 人 像 面 
难 易 指数 训 帘 究 容 窒 : 


部 与 苹果 交界 的 部 分 开始 绘制 ， 单 击 即 可 添加 一 个 锚 点 ， 继 
续 在 另 一 处 单 击 添加 锚 点 ， 即 可 出 现 一 条 直线 路 径 ， 多 次 沿 
人 像 肩 部 转折 处 单 击 ， 如 图 5-242 所 示 。 


FF 


回 
案例 效果 | 
本 案例 主要 使 用 “钢笔 工具 ”绘制 出 人 ， 
像 精细 路 径 ， 并 通过 转换 为 选区 的 方式 去 除 一 
背景 ， 对 比 效 果 如 图 $-240 所 示 。 


图 5-242 


图 5-240 


在 绘制 复杂 路 径 时 ， 经 常会 为 了 绘制 得 更 加 精细 而 | 
添加 很 多 锚 点 。 但 是 路 径 上 的 锚 点 越 多 ， 编 辑 调整 时 就 } 
越 麻烦 。 所 以 在 绘制 路 径 时 ， 可 以 先 在 转折 处 添加 类 角 | 
锚 点 ， 绘 制 出 大 体形 状 ， 再 使 用 添加 锚 点 工具 增加 细节 | 
或 使 用 转换 锚 点 工具 调整 弧度 。 


操作 步骤 
车 执行 “文件 > 打开 ”命令 ,打开 人 像素 材 “2jpg”， 
如 图 5-241 所 示 。 


i 日 使 用 同样 的 方法 从 右 侧 手臂 绘制 到 左 侧 手臂 ， 并 沿 
头 部 边缘 绘制 ， 最 终 回 到 起 始点 处 并 单 击 ， 闭 合 路 径 ， 如 

# 图 5$-243 所 示 。 
) i 路 径 闭合 之 后 需要 调整 路 径 细节 处 的 弧度 ， 例 如 苹 
; 果 的 边缘 在 前 面 绘制 的 是 直线 路 径 ， 为 了 将 路 径 变 为 弧 线 
图 5-241 ; 形 ， 就 需要 在 直线 路 径 的 中 间 处 单 击 ， 添 加 一 个 锚 点 ， 并 使 


用 “直接 选择 工具 ”[R. 调 整 新 添加 锚 点 的 位 置 ， 如 图 5-244 和 图 5-245 所 示 。 


图 5-243 图 5-244 图 5-245 


了 中 此 处 新 添加 的 锚 点 即 为 平滑 的 锚 点 ， 所 以 直接 拖 披 调整 两 侧 控制 棒 的 长 度 即 可 调整 这 部 分 路 径 的 弧度 ， 如 图 $-246 
所 示 


了 B 缺少 锚 点 的 区 域 还 有 很 多 ， 可 以 用 同样 的 方法 继续 使 用 “钢笔 工具 ”将 光标 移动 到 没有 锚 点 的 区 域 ， 单 击 即 可 添加 
锚 点 ， 并 且 使 用 “直接 选择 工具 ”[R. 调 整 锚 点 的 位 置 ， 如 图 5-247 和 图 5-248 所 示 。 


图 5-246 图 5-247 图 5-248 


区 大 体形 状 调整 完成 ， 下 面 需要 放大 图 像 显 示 比 例 仔 细 观 察 细节 部 分 。 以 右 侧 额 头 边缘 为 例 ， 额 头 边缘 呈现 些许 的 S 
形 ， 而 之 前 绘制 的 路 径 则 为 倒 C 形 ， 所 以 仍然 需要 添加 锚 点 ， 并 调整 锚 点 位 置 ， 如 图 5-249 和 图 5-250 所 示 。 

页 继续 观察 右 侧 手臂 边缘 ， 虽 然 路 径 形 状 大 体 匹 配 ， 但 是 “ 角 点 ”类 型 的 锚 点 导致 转折 过 于 强烈 ， 这 里 需要 使 用 “ 转 
换 为 点 工具 ”[ 忆 如 图 $-251 所 示 ， 单 击 该 锚 点 并 向 下 拖 动 鼠标 调 出 控制 棒 ， 如 图 5$-252 所 示 ， 然 后 单 击 一 侧 控制 棒 并 拖 动 这 部 
分 路 径 的 弧度 ， 如 图 5-253 所 示 。 


图 5-250 


区 用 同样 的 方法 ， 处 理 左 侧 肩膀 处 的 锚 点 ， 将 其 转换 为 平滑 锚 点 并 调整 弧度 ， 如 图 $-254 所 示 。 
秋 左 侧 脖颈 处 多 出 一 个 锚 点 ， 可 以 使 用 “删除 错 点 工具 ”区 成 者 直接 使 用 “钢笔 工具 ”移动 到 多 余 的 锚 点 上 单 击 ， 将 
删除 ， 然 后 分 别 调整 相 邻 的 两 个 错 点 的 控制 棒 ， 使 其 与 脖颈 处 弧度 匹配 ， 如 图 $-2355 和 图 5-256 所 示 。 
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图 5-252 图 5-253 图 5-254 图 5-255 


娘 到 这 里 大 体 轮 廓 基本 绘制 完毕 ， 而 对 于 比较 复杂 的 发 器 部 分 的 路 径 ， 可 以 通过 多 次 添加 错 点 并 调整 锚 点 的 位 置 ， 同 
时 配合 转换 点 工具 调整 路 径 弧度 制作 而 成 ， 如 图 $-257 所 示 。 

可 路 径 全 部 调整 完毕 之 后 可 以 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 执行 “建立 选区 ”命令 ， 或 按 Ctrl+Enter 快 捷 键 打开 
“建立 选区 ”对 话 框 ， 设 置 “羽化 半径 ”为 0， 单 击 “确定 ”按钮 建立 当前 选区 ， 如 图 $-258 所 示 。 
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图 5-256 图 5-257 图 5-258 
区 由 于 当前 选区 为 人 像 部 分 ， 所 以 需要 执行 选择 反 相 命令 快捷 键 ShifttCtrl+I 制 作出 背景 部 分 选区 ， 如 图 $-259 所 示 。 


留 按 Delete 键 将 背景 删除 ， 如 图 5-260 所 示 。 接 着 执行 “文件 > 置 入 嵌入 对 象 ”命令 将 背景 素材 “1.jpg” 置 入 文档 内 ， 将 
放 在 人 像 图 层 底部 并 栅 格 化 ， 效 果 如 图 5-261 所 示 。 


5-259 图 5-260 


太 案例 实战 一 一 使 用 钢笔 工具 制作 质感 按钮 


文件 路 径 第 5 章 \ 使 用 钢笔 工具 制作 质感 按钮 


难 易 指数 
案例 效果 
案例 效果 如 图 $-262 所 示 。 


误 折 从 让 突 


操作 步骤 


隐 执行 “文件 > 新 建 ”命令 ， 创 建 一 个 “宽度 ”为 1 


3500 像 素 ，“ 高 度 ”为 2400 像 素 ， 
寸 的 新 文档 ， 如 图 5-263 所 示 。 


“分 辩 率 ”为 300 像 素 / 英 : 


区 选择 工具 箱 中 的 “渐变 工具 ”， 在 选项 栏 中 单 击 渐变 色 条 ， 


“STUD 


iD 


图 5-262 


在 弹出 的 “渐变 编辑 器 ”窗口 中 编辑 一 种 蓝 色 系 的 渐变 ， 


编辑 完成 后 单 击 “ 确 定 ” 按 钮 ， 接 着 在 选项 栏 中 设置 “渐变 类 型 ”为 “ 径 向 渐变 ”， 如 图 5-264 所 示 。 设 置 完 成 后 在 画面 中 按 住 
鼠标 左 键 拖 动 ， 释 放 鼠 标 后 ， 渐 变 效果 如 图 5-265 所 示 。 
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图 5-263 图 5-264 
区 选择 工具 箱 中 的 “钢笔 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”， 单 击 “ 填 充 ” 按 钮 ， 在 弹出 的 下 拉面 板 


中 单 击 “ 渐 变 ” 按 钮 ， 接 着 在 面板 中 编辑 一 种 橙色 系 的 渐变 ， 设 置 描 边 为 无 ， 如 图 5-266 所 示 。 然 后 将 光标 定位 到 画面 中 ， 从 
起 点 处 单 击 创建 锚 点 ， 然 后 依次 在 其 他 位 置 单 击 创建 多 个 锚 点 ， 最 后 将 光标 定位 到 起 点 处 ， 绘 制 闭合 路 径 ， 如 图 5-267 所 示 。 
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图 5-265 
了 调整 按钮 的 形状 。 选 择 工具 箱 中 的 “转换 点 工具 ”， 在 尖 角 的 点 上 按 住 鼠标 左 键 进行 拖 动 ， 使 其 变 为 加 


图 5-268 所 示 。 用 同样 的 方法 处 理 另外 一 侧 的 锚 点 ， 如 图 5-269 所 示 。 继 续 处 理 其 他 位 置 的 锚 点 ， 此 时 按 外 


润 ， 如 图 5-270 所 示 。 


区 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 置 入 条 纹 图 案 素 材 文件 “1.png”。 将 其 摆 放 在 按钮 的 上 方 并 栅 格 化 ， 在 “图 


加 国力 到 


图 5-266 


2- ms #7] :ex# 


图 5-267 


的 形状 变 得 非常 


层 ” 面 板 中 右 击 该 图 层 ， 在 弹出 的 快捷 菜单 中 执行 “创建 剪贴 蒙 版 ”命令 ， 如 图 $-271 所 示 。 此 时 按钮 表面 呈现 出 条 纹 效果 ， 


平 涉 起 图 In 习 山 办 站 


如 图 5-272 所 示 。 


G379B as, 


继续 使 用 “钢笔 工具 ”， 在 选项 栏 中 设置 “给 “路 径 ”， 在 按钮 下 方 绘制 一 个 合适 形 ; 
图 5-273 所 示 。 单 击 鼠 标 右键 ， 在 出 的 快捷 菜单 中 执行 “建立 选区 ”命令 ， 新 建 图 层 ， 为 选区 填充 橙色 ， 
接着 按 Ctrl+D 快 捷 键 取消 选区 的 选 


va 
时 
创建 部 贴 莹 版 


图 5-271 图 5-272 


大 的 闭合 路 径 ， 如 
如 图 5-274 所 示 。 


图 5-273 


所 示 


图 5-275 


图 5-274 

区 按 住 Ctrl 键 单 击 按 名 
入 按钮 选区 。 新 建 区 € 当 缩 放 后 
填充 为 白色 。 然 后 使 用 “椭圆 选 杠 选区 ， 如 
图 5-275 所 示 。 按 Delete 键 删除 选区 内 的 部 分 ， 如 图 5-276 所 
示 。 接 着 按 Ctrlt+D 快 捷 键 取消 选区 的 选择 。 图 5-276 图 5-277 
至 工具 箱 中 的 “ “橡皮 擦 工具 ” 隔 用 同样 的 方法 制作 其 他 部 分 的 光泽 效果 ， 如 图 5-279 
所 示 。 

如 选择 工具 箱 中 的 “ 横 排 文字 工具 ”， 在 选项 栏 中 设 


览 图 ， 载 


合适 的 字体 、 字 号 ， 文 字 颜 色 为 白色 ， 设 置 完成 后 在 画面 中 适当 的 位 置 单 击 鼠 标 左 键 插入 光标 ， 建 立 文字 输入 的 起 始点 ， 


接着 输入 文字 ， 


图 5-278 


fF“ 图 层 > 图 层 样式 > 斜面 和 浮雕 ”命令 ， 在 弹出 
对 话 框 中 设置 “样式 ”为 “内 斜面 ”，“ 方 
骨 ”，“ 大 小 ”为 10 像 素 ，“ 和 角度 ” 
滤 色 ”， 颜 色 为 白色 ，“ 不 透明 度 
75%，“ 阴 影 模式 ”为 “正片 登 底 ”， 颜 
明度 ”为 25%， 如 图 5-281 所 示 。 设 置 完 成 后 
按钮 ， 效 果 如 图 5-282 所 示 。 
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图 5-281 

如 新 建 图 层 “ 丝 带 ”， 织 

左 侧 绘制 丝带 的 闭合 路 径 ， 单 
单 中 执行 “建立 选区 ”命令 
示 。 设 置 “ 丝 带 ” 图 层 的 “ 


图 5-282 

续 使 用 “钢笔 工具 ”在 按钮 
眼 标 右键 ， 在 弹出 的 快捷 菜 
其 填充 为 白色 ， 如 图 5-283 所 


不 透明 度 ” 为 35%， 如 图 5-284 


所 示 。 
图 5-285 图 5-284 
葡 载 入 “丝带 ”图 层 选区 ， 执 行 “选择 > 修改 > 羽化 ” 


图 5-279 


文字 输入 完毕 后 按 Ctrl+Enter 快 捷 键 确认 操作 ， 如 图 $-280 所 示 。 


图 5-280 


命令 ， 在 弹出 的 “羽化 选区 ”对 话 框 中 设置 “羽化 半径 ”为 
20 像 素 ， 如 图 5-285 所 示 。 设 成 后 单 击 “ 确 定 ” 按 钮 。 
新 建 图 层 “ 阴 影 ”， 为 选区 填充 灰色 并 放置 在 白色 图 层 下 ， 
如 图 5-286 所 示 。 设 置 “阴影 ”图 层 的 不 透明 度 为 10%， 完 
成 阴影 效果 的 制作 ， 如 图 $-287 所 示 。 


图 5-285 


图 5-286 图 5-287 
如 新 建 图 层 “高光 ”， 选 择 工具 箱 中 的 “画笔 工 
具 ”， 使 用 较 小 的 白色 和 柔 边 圆 画 笔 在 丝带 周围 绘制 白色 光 
泽 ， 如 图 5-288 所 示 。 
桓 新 建 图 层 “ 暗 面 ”， 选 择 工具 箱 中 的 “钢笔 工 
右上 方 绘制 一 个 阴影 的 闭合 路 径 ， 建 立 选 区 后 
辐 5-289 所 示 。 设 置 “ 暗 面 ”图 层 的 不 透明 度 
， 接 着 使 用 适当 大 小 的 柔 边 圆 画 笔 将 
1 。 完 成 阴影 效果 的 制作 ， 如 图 5-290 所 示 。 
用 同样 的 方法 制作 出 左下 角 的 阴影 效果 ， 如 图 5-291 所 示 。 
姑 再 次 使 用 “ 横 排 文字 工具 ”在 按钮 上 输入 合适 大 小 的 


. @ 


黑色 文字 ， 将 其 旋转 合适 角度 ， 并 添加 “斜面 和 浮雕 ”样式 ， 案 例 最 终 效果 如 图 5-292 所 示 。 


图 5-292 
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中 妈 案例 实战 一 一 使 用 钢笔 工具 制作 应 i 框 。 在 对 话 框 项 部 选择 “移动 设备 ”选项 卡 ， 单 击 iPhone 6 
六 文件 屏 。。 第 5 间 \ 人 用 钢笔 工 具 制作 应用 加 Plus 按钮 ， 设 置 “ 分 辩 率 ”为 72 像 素 /英寸 ，“ 颜 色 模式 ”为 
让 让 易 指数 。 和 “RGB 颜 色 ”，“ 背 景 颜 色 ” 为 白色 ， 单 击 “ 创 建 ” 按 钮 创 
界 案例 效果 建新 的 文档 ， 如 图 5-294 所 示 。 
面 . 名 制作 背景 部 分 。 选 择 工具 箱 中 的 “矩形 工具 ”， 在 
面 示 。 
设 和 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”， “填充 ”为 “渐变 
计 操作 步骤 填充 ”， 然 后 编辑 一 个 黄色 系 的 线性 渐变 ，“ 描 边 ”为 无 ， 
加 加 执行 “文件 > 新 建 ” 命令， 打开“ 新 建文 档 "对话 | 如 图 5-295 所 示 。 接 着 在 界面 上 方 按 住 鼠 标 左 键 拖 动 绘制 ， 
视 # 如 图 5-296 所 示 。 
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图 5-293 图 5-295 
在 画面 的 下 方 绘制 一 个 矩形 ， 然 后 在 选项 栏 9 Ee 


中 将 “填充 ”设置 为 紫色 ， 如 图 5-297 所 示 。 a 

了 W 在 “图 层 ”面板 中 选中 紫色 矩形 图 层 ， 执 2 
行 “图 层 > 图 层 样式 > 斜面 和 浮 驹 ”命令 ， 在 弹出 的 
“图 层 样式 ”对 话 框 中 设置 “样式 ”为 “内 斜面 ”， 加 
“方法 ”为 “平滑 ”， “深度 ”为 100%，“ 大 小 ” 喜 


为 5 像素 ， “角度” 为 120 度 ，“ 高 度 ” 为 30 度 ，“ 高 
光 模 式 ” 为 “ 滤 色 ”， 颜 色 为 白色 ，“ 不 透明 度 ” 为 
75%，“ 阴 影 模式 ”为 “正片 琶 底 ”， 阴 影 颜 色 为 黑 
色 ，“ 不 透明 度 ” 为 75%， 如 图 5-298 所 示 。 在 左 侧 
图 层 样式 列表 中 单 击 启用 “纹理 ”样式 ， 选 择 合适 的 
图 案 ， 设 置 “缩放 ”为 100%，“ 深 度 ” 为 20%， 如 
图 5-299 所 示 ， 此 时 效果 如 图 5-300 所 示 。 
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图 5-299 


图 5-300 


了 B 置 入 界面 的 状态 栏 。 执 行 “文件 > 置 入 嵌入 对 象 ” 


Enter 键 完成 置 入 ， 如 图 5-301 所 示 。 
了 B 制作 界面 的 时 间 组 件 。 选 择 工具 箱 中 的 “ 横 排 文字 


工具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 并 将 文字 颜色 # 


设置 为 白色 ， 设 置 完毕 后 ， 在 状态 栏 下 方位 置 单 击 插入 光 
标 ， 接 着 输入 文字 ， 如 图 5-302 所 示 。 文 字 输 入 完毕 后 ， 按 
Ctrl+Enter 快 捷 键 完 成 操作 。 用 同样 的 方法 ， 继 续 使 用 “ 横 
排 文 字 工具 ”在 时 间 下 方 输入 合适 的 文字 ， 并 在 选项 栏 中 设 
置 合适 的 字体 、 字 号 及 颜色 ， 如 图 5-303 所 示 。 


命令 ， 在 弹出 的 对 话 框 中 选择 “1.png”, 单 击 “ 置 入 ” 按 : 


钮 。 接 着 将 置 入 的 素材 摆 放 在 界面 项 部 位 置 ， 调 整 完成 后 按 
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图 5-302 
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图 5-303 
区 制作 标签 选择 页 。 首 先 绘制 背景 形状 ， 选 择 工具 箱 


; 中 的 “钢笔 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “ 形 
状 ”，“ 填 充 ”为 卡其 绿 ，“ 描 边 ”为 无 ， 设 置 完成 后 在 界 


可 白色 位 置 单 击 添加 锚 点 进行 绘制 ， 如 图 5-304 所 示 。 


El 言 
绘制 形状 的 小 技巧 


在 使 用 “钢笔 工具 ”绘制 形状 时 ， 若 先 设 置 填充 颜 
色 ， 在 绘制 过 程 中 会 影响 操作 ， 这 时 可 以 先 将 填 色 设置 
为 “无 ”， 然 后 进行 绘制 。 等 图 形 绘制 完成 后 再 去 设置 
填充 颜色 。 


壮 泪 汇 图 In a 山名 


在 “图 层 ” 面 板 中 选中 该 形状 图 层 ， 执 行 “ 图 层 > 图 层 样式 > 投影 ”命令 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 设置 “ 混 
合 模式 ”为 “正片 琶 底 ”， 阴 影 颜色 为 黑色 ，“ 不 透明 度 ” 为 73%，“ 和 角度” 为 120 度 ，“ 距 离 ” 为 34 像 素 ，“ 大 小 ”为 76 像 
素 ， 设 置 完成 后 单 击 “ 确 定 ” 按 钮 ， 如 图 5-305 所 示 ， 此 时 效果 如 图 5-306 所 示 。 
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图 5-304 图 5-305 图 5-306 


继续 选择 “钢笔 工具 ”， 选 项 栏 中 参数 不 变 ， 在 浅 ”出 的 快捷 菜单 中 执行 “粘贴 图 层 样式 ”命令 ， 如 图 5-309 所 
棕色 形状 上 方 继续 绘制 形状 ， 呈现 出 阶梯 感 ， 如 图 5-307 所 ; 示 。 此 时 形状 之 间 呈 现 出 空间 感 效果 ， 如 图 5-310 所 示 。 


示 。 接 下 来 为 该 图 层 添加 图 层 样式 。 在 “图 层 ” 面 板 中 选中 a mm 
之 前 绘制 的 卡其 绿 图 层 ， 接 着 单 击 鼠标 右键 ， 在 弹出 的 快捷 ee 
菜单 中 执行 “拷贝 图 层 样式 ”命令 ， 如 图 5-308 所 示 。 ~ Ta 
We: 名 io 
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| 合用 和 名 工具 制作 坟 用 四国 .psd 四 43% [入 2 RGN/ 朴 ” VY 
和 . Ca |] 
从 向 国 司 样式 
由 ogy ee 
2 EE EE 多 
2 图 5-308 
[a 车 在 两 个 形状 相 接 的 位 置 绘制 阴影 形状 ， 使 阴影 效果 
四 更 明显 。 选 择 工具 箱 中 的 “钢笔 工具 ”， 在 选项 栏 中 设置 


“绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 深 灰 色 ，“ 描 边 ”为 
无 ， 设 置 完 成 后 在 画面 中 合适 的 位 置 进行 绘制 ， 如 图 $-311 
所 示 ， 此 时 阴影 效果 过 于 生硬 。 单 击 选中 该 图 层 ， 在 “图 

0 层 ” 面 板 中 设置 该 图 层 的 “不 透明 度 ” 为 20%， 如 图 5-312 
若 选择 刚刚 绘制 的 形状 图 层 ， 单 击 鼠标 右键 ， 在 弹 : 所 示 ， 此 时 阴影 效果 如 图 5-313 所 示 。 
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欧 继续 使 用 “钢笔 工具 ”绘制 阶梯 形状 并 为 其 添加 “投影 ”图 层 样式 ， 效 果 如 图 5-314 所 示 。 

制作 该 图 层 的 阴影 形状 。 选 择 工具 箱 中 的 “钢笔 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 深 
灰色 ，“ 描 边 ”为 无 ， 设 置 完成 后 在 米 白色 形状 与 浅 棕色 形状 交界 处 进行 绘制 ， 如 图 $-315 所 示 。 接 着 在 “图 层 ”面板 中 设置 
该 图 层 的 “不 透明 度 ” 为 20%， 此 时 阴影 效果 如 图 3-316 所 示 。 
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图 5-312 图 5-313 图 5-314 图 5-315 


留 调整 阴影 形状 效果 。 在 “图 层 ”面板 中 选择 该 图 层 ， 按 住 鼠标 左 键 将 其 移动 到 米 白 色 图 层 下 方 ， 如 图 $-317 所 示 。 此 
时 多 出 的 阴影 边缘 被 遮挡 ， 效 果 如 图 5-318 所 示 。 

隔 在 图 形 上 方 绘制 小 图 标 。 选 择 工具 箱 中 的 “钢笔 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 
紫色 ，“ 描 边 ” 为 无 ， 然 后 在 米色 形状 上 方 绘制 “对 号 ”形状 ， 如 图 $-319 所 示 。 接 着 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 
置 入 素材 “2.png”， 摆 放 在 合适 位 置 ， 按 Enter 键 完成 置 入 并 将 其 栅 格 化 ， 如 图 5-320 所 示 。 用 同样 的 方法 继续 置 入 素材 
“3.png”， 如 图 5-321 所 示 。 
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人 : 区 在 选择 页 面 中 绘制 装饰 形状 ， 使 页 面 视觉 效 

图 5-320 图 5-321 : 果 更 丰富 。 在 工具 箱 中 右 击 形状 工具 组 ， 在 形状 工 

区 使 用 “ 横 排 文字 工具 ”在 选择 页 面 上 方 输入 合适 的 文字 ， : 具 组 列表 中 选择 “ 圆 角 矩 形 工具 ”， 在 选项 栏 中 设 
在 选项 栏 中 设置 合适 的 字体 、 字 号 及 颜色 ， 如 图 5-322 所 示 。 : 置 “绘制 模式 ”为 “形状 ”，“ 填 充 ”为 无 ，“ 描 
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边 ” 为 灰色 ，“ 描 边 粗细 ”为 6 点 ，“ 描 边 类 型 ”为 实 线 ，“ 半 径 ”为 10 像 素 ， 设 置 完 成 后 ， 在 文字 左 侧 按 住 鼠 标 左 键 拖 动 
绘制 ， 如 图 5-323 所 示 。 接 着 在 选项 栏 中 设置 “ 绘 、F6 [EE 局 一- ei 
制 模式 ”为 “形状 ”，“ 填 充 ” 为 灰色 ，“ 描 。 tn mA 

边 ”为 无 ，“ 半 径 ” 为 7 像素 ， 设 置 完成 后 ， 在 米 
自 色 页 面 右 下 角 进 行 绘制 ， 如 图 5-324 所 示 。 

鳃 制作 该 界面 的 信息 输入 栏 。 首 先 制作 输 
入 栏 的 “加 号 ”图 标 ， 选 择 工具 箱 中 的 “矩形 
工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “ 形 
状 ”，“ 填 充 ” 为 紫色 ，“ 描 边 ”为 无 ， 设 置 完 
成 后 在 画面 中 进行 绘制 ， 如 图 5-325 所 示 。 接 着 在 
纵向 矩形 上 方 绘制 一 个 横向 矩形 ， 如 图 $-326 所 ”于 。 
示 。 此 时 “加 号 ”标志 绘制 完成 。 :三 
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区 在 “加 号 ”图 标 下 方 绘制 矩形 列表 。 选 择 “ 拢 形 工具 ”， 选 项 栏 中 的 参数 不 变 ， 在 画面 中 拖 动 绘制 ， 如 图 $-327 所 
示 。 最 后 使 用 “ 横 排 文字 工具 ”在 矩形 上 方 添加 文字 ， 案 例 完成 效果 如 图 $-328 所 示 。 
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图 5-526 图 5-527 图 5-328 


5.4.4 使 用 “自由 钢笔 工具 ” 


久 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 自 由 钢笔 工具 的 使 用 .flv 
仿 技术 速 查 : 使 用 “自由 钢笔 工具 ”可 以 像 用 铅笔 在 纸 上 绘图 一 样 绘制 随意 的 图 形 。 


(1) 选择 工具 箱 中 的 “自由 钢笔 工具 ” 国 ， 如 图 5-329 所 示 。 然 后 单 击 属性 栏 中 的 [ 登 按 钮 ， 在 下 拉面 板 中 可 以 对 磁性 钢 
笔 的 “曲线 拟 合 ”数值 进行 设置 ， 该 数值 用 于 控制 绘制 路 径 的 精度 。 数 值 越 已 二 国 5amw6 


高 ， 路 径 越 平滑 ， 路 径 越 不 精确 ;数值 越 小 ， 路 径 越 复杂 ， 且 越 贴近 绘制 的 
路 径 ， 路 径 也 越 不 平滑 ， 如 图 $-330 所 示 。 

(2) 设置 完成 后 ， 在 画面 中 按 住 鼠标 左 键 并 拖 动 光标 ， 即 可 绘制 出 自由 
随意 的 路 径 ， 如 图 5-331 所 示 。 松 开 鼠 标 后 即 可 看 到 锚 点 ， 如 图 $-332 所 示 。 

(3) 选择 工具 箱 中 的 “自由 钢笔 工具 ” 国 ， 单 击 属性 栏 中 的 蕉 ] 按 钮 ， 
在 下 拉面 板 中 选中 “磁性 的 ” 复 选 框 ， 或 者 直接 选中 选项 栏 中 的 “磁性 的 ” 
复 选 框 ， 如 图 5-333 所 示 。 此 时 光标 变 为 妈 状 ， 接着 在 画面 中 单 击 ， 确 定 路 径 
的 第 一 个 锚 点 的 位 置 ， 然 后 沿 着 对 象 的 边缘 拖 动 光标 ， 随 着 鼠标 的 拖 动 ， 锚 
点 会 自动 贴 紧 对 象 边 缘 轮 廓 生成 路 径 ， 如 图 5-334 所 示 。 
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图 5-331 图 5-332 图 5-333 


太 案例 实战 一 一 使 用 磁性 钢笔 工具 提取 人 像 操作 步骤 
Vs | 扫 码 看 视频 可 执行 “文件 > 打开 ”命令 打开 人 像素 材 
Sp | “1.jpg”， 复 制 背景 图 层 ， 并 将 背景 图 层 隐藏 
案例 效果 从 图 中 可 以 看 出 人 像 与 背景 颜色 反差 还 是 比较 大 


如 图 5-335 和 图 5-336 所 示 分 别 为 原 图 以 及 效果 图 。 


区 并 删除 ， 如 图 5-337 所 示 。 


的 ， 所 以 可 以 使 用 “磁性 钢笔 工具 ”绘制 背景 选 


平 沾 起 图 In | 届 吕 潍 


区 选择 工具 箱 中 的 “自由 钢笔 工具 ”| 办]， 并 在 选项 文件 “2:jpg”， 将 其 放置 在 人 像 图 层 的 下 方 并 将 其 栅 格 化 ， 
栏 中 选中 “磁性 的 ” 复 选 框 ， 此 时 光标 变 为 “磁性 钢笔 工 案例 最 终 效果 如 图 5-343 所 示 。 
具 ”BS 效 果 ， 在 人 像 手臂 边缘 单 击 并 沿 交 界 处 拖 动 鼠标 ,可 
以 看 到 随 着 鼠标 拖 动 即 可 创建 出 新 的 路 径 ， 如 图 5-338 所 示 。 

区 如 果 想 一 次 绘制 整个 人 像 轮 廊 则 可 能 会 造成 偏离 边 
界 的 效果 ， 所 以 可 以 先 绘制 部 分 背景 路 径 。 继 续 沿 人 像 与 背 # 
景 交界 处 拖 动 鼠 标 ， 绘 制 到 手腕 关节 处 将 鼠标 移动 到 远离 人 
像 的 区 域 ， 并 从 人 像 以 外 的 区 域 与 起 点 重合 ， 完 成 闭合 路 径 
的 绘制 ， 如 图 5-339 所 示 。 i 
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图 5-338 图 5-339 


留 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 执行 “建立 选 
区 ”命令 ， 在 弹出 的 对 话 框 中 单 击 “ 确 定 ” 按 钮 ， 建 立 选 
区 ， 如 图 5-340 所 示 。 

了 B 按 Delete 键 删除 选区 内 部 分 ， 如 图 $-341 所 示 。 

了 B 使 用 同样 的 方法 绘制 其 他 部 分 的 路 径 ， 按 Ctrl+Enter 
快捷 键 将 路 径 转换 为 选区 并 删除 剩余 背景 部 分 ， 如 图 5-342 | 


所 示 。 


区 执行 “文件 > 置 入 嵌入 对 象 ” 命 令 ， 置 入 背景 素材 图 5-342 图 5-343 
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使 用 “ 弯 度 钢笔 工具 ”只 . 能 够 绘制 出 平滑 、 精 准 的 曲线 。 与 “ 钢 
笔 工 具 ” 相 比 ，“ 弯 度 钢笔 工具 ”更 加 人 性 化 ， 操 作 也 更 为 方便 ， 如 
图 5-344 所 示 。 
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图 5-344 


(1) 选择 工具 箱 中 的 “ 弯 度 钢笔 工具 ”所 .， 在 画面 中 单 击 ， 接 
着 移动 到 下 一 个 位 置 并 单 击 ， 如 图 5-345 所 示 。 接 着 将 光标 移动 至 下 


一 个 位 置 ， 此 时 可 以 看 到 一 段 弧 线路 径 ， 单 击 鼠 标 左 键 确定 弧 线 的 绘 Ne 
制 ， 如 图 5-346 所 示 。 图 5-345 


(2) 继续 通过 单 击 、 移 动 光标 位 置 绘 制 弧 线 ， 如 果 要 绘制 一 段 开放 的 
路 径 ， 可 以 按 Esc 键 终止 路 径 的 绘制 ， 如 图 5-347 所 示 。 

(3) 使 用 “ 弯 度 钢笔 工具 ”绘制 曲线 的 过 程 中 ， 在 锚 点 处 按 住 Alt 键 并 me 
单 击 ， 即 可 绘制 角 点 ， 如 图 5-348 所 示 。 将 光标 放 在 锚 点 处 ， 按 住 鼠标 左 键 
拖 电 可 以 移动 锚 点 的 位 置 ， 如 图 $-349 所 示 。 单 击 一 个 锚 点 ， 按 Delete 键 可 将 
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图 5-347 图 5-348 图 5-349 


5.4.6 ”编辑 路 径 形 状 


韶 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 路 径 的 编辑 操作 .flv 
韶 技术 速 查 : “路 径 选 择 工 具 ” 可 用 于 选择 单个 或 多 个 路 径 。 


(1) 选择 工 本 Pa 
具 箱 中 的 “路 径 当 之 情 
选择 工具 ” 国 ， > 
在 路 径 或 形状 对 况 v， 
象 上 的 任意 位 置 玄 让 
可 以 选择 单个 的 6. 2 
路 径 ， 如 图 5-350 名 各. 
所 示 。 按 住 鼠 标 ES 
左 键 拖 电 即 可 条 


动 选中 的 路 径 ， ”国信 
如 图 5-351 所 示 。 Ea 
图 5-350 
人 村 高 手 小 贴 士 : 删除 路 径 

删除 路 径 非常 简单 ， 使 用 “路 径 选 择 工具 ” 国 国 选中 路 径 ， 按 Delete 键 即 可 将 其 删除 。 
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(2) 选择 工 < 多 
具 箱 中 的 “直接 和 
选择 工具 ” EE]， 各 六 
然后 在 错 点 上 单 击 砍刀 
即 可 选中 锚 点 ， 网 和 
如 图 5-352 所 示 。 0. 
拖 电 锚 点 即 可 调 na 
整 路 径 的 形状 ， 
如 图 5-353 所 示 。 oo 

了 三 
图 5-352 图 5-353 
Ly “路 径 选择 工具 ”和 “直接 选择 工具 ”相互 切换 


: 在 使 用 “路 径 选 择 工具 ” 国 I 时 按 住 Ctnl 键 可 以 切换 到 “直接 选择 工具 ”[RJ， 同 样 在 使 用 “直接 选择 工具 ”[RJ 时 按 住 ， 
Ctrl 键 可 以 切换 到 “路 径 选 择 工具 ” 国 


(3) 想 要 调整 路 径 的 形态 ， 其 实 就 是 需要 对 路 径 上 的 锚 点 位 置 进行 调整 。 如 果 路 径 上 的 锚 点 不 够 多 ， 就 需要 添加 一 些 


锚 点 。 使 用 “添加 锚 点 
工具 ”| 如 可 以 直接 在 使 5 误 
路 径 上 单 击 添加 锚 点 。 训 
选择 工具 箱 中 的 “添加 

锚 点 工具 ”， 如 图 5-354 DER 
所 示 。 将 光标 移动 至 路 .| 局 SR 
径 上 单 击 即 可 添加 新 锚 。 权 , i 
点 ， 如 图 5-355 和 图 5-356 
所 示 。 


六 八 转换 点 工具 


图 5-354 


(4) 选择 工 

具 箱 中 的 “删除 锚 多 
点 工具 ”[， 如 
图 5-357 所 示 。 将 光 
标 放 在 锚 点 上 ， 单 
击 鼠标 左 键 即 可 删 
除 锚 点 ， 如 图 5-358 
和 图 5-359 所 示 。 


(5) 路 径 上 的 错 点 有 两 大 类 : 尖 角 的 角 点 和 圆 角 
的 平滑 点 。“ 转 换 点 工具 ”[I 可 以 用 来 转换 错 点 的 类 
型 。 选 择 工具 箱 中 的 “转换 。 [本 ZIR 


下 添加 或 删除 锚 点 


加 2 Se : ”点 工具 ”， 如 图 5-360 所 示 。 “从 自由 名 和 I 具 P 
如 果 在 使 用 “钢笔 工具 ”的 状态 下 ， 匀 选 了 选项 栏 中 的 然后 将 光标 移动 至 角 点 处 ， 四 | ( 酸度 广 生 I 具 Pp 
“自动 添加 /删除 ”选项 ， 那 么 将 光标 放 在 路 径 上 ， 光 标 变 成 。 如 图 5-361 所 示 。 按 住 刀 标 左 。 | 从 人 RE 
.次 ， 伏 后 在 路 径 上 单 击 即 可 派 加 一 个 锚 点 。 而 将 光标 移动 。。” 刍 拖 中 即 可 将 衣 点 村 换 为 于 。 “站 宝 时 二 一] 
jj 已 有 钳 点 上 ， 交 标 变 为 B 形状 后 ， 单 击 即 可 删除 锚 点 ee 


wa 


:> 


(6) 想 要 将 平滑 点 转换 为 角 点 则 更 简单 。 将 光标 移动 至 了 
角 点 ， 如 图 5-364 所 示 。 《在 使 用 “ 钢 


图 5-364 


案例 效果 
案例 效果 如 图 


ee 


购物 APP 商 品 
购物 NP 商品 信息 页 面 


笔 工具 ”时 ， 按 住 Alt 键 可 以 切换 为 “转换 点 工具 ”) 


人 2 高 手 小 贴 士 : 路 径 的 自由 变换 


选择 路 径 ， 执行“ 纺 


| 将 > 变换 路 径 ” 菜 单 下 的 人 


; 命令 即 可 对 其 进行 相应 的 
i 变换 。 也 可 以 使 用 快捷 刍 
i Ctri+T 调 出 定 界 框 进行 路 径 
i 的 变换 ， 单 击 鼠 标 右键 就 
i 可 以 看 到 与 自由 变换 相同 
| 的 命令 ， 如 图 5-365 所 示 。 


信息 页 面 操作 步骤 


5-366 所 示 。 
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mw 
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FF 滑 点 处 ， 如 图 5-363 所 示 。 单 击 鼠 标 左 键 即 可 将 于 


隐 执行 “文件 > 新 建 ” 命 令 ， 打开“ 新 建文 档 ” 对 
框 顶部 选择 “移动 设备 ”选项 卡 ， 单 击 iPhone 6 Plus 按钮 ， 设 置 “ 分 辨 
率 ” 为 72 像 素 / 英 寸 ，“ 颜 色 模式 ”为 “RGB 颜 色 ”， 
白色 。 单 击 “ 创 建 ”按钮 创建 新 的 文档 ， 如 图 5-367 所 示 。 
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区 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 在 弹出 的 对 话 框 中 选择 "1.png”， 单 击 “ 置 入 ”按钮 。 接 着 将 置 入 的 素材 摆 放 
{该 图 层 ， 在 弹出 的 快捷 菜单 中 执行 


在 画面 最 上 方 ， 如 图 5-368 所 示 。 调 整 完 成 后 按 Enter 键 完成 置 入。 在 “图 层 ”1 
“ 栅 格 化 图 层 ” 命 令 ， 如 图 5-369 所 示 。 oo 
卫 在 画面 左上 方 绘制 返回 图 标 按钮 。 在 工 
具 箱 中 右 击 形状 工具 组 ， 在 形状 工具 组 列表 中 选 
择 “ 自 定形 状 工具 ”， 在 选项 栏 中 设置 “绘制 模 
式 ” 为 “形状 ”，“ 填 充 ” 为 蓝 灰色 ，“ 描 边 ” 
为 无 ， 单 击 打开 “ 自 定形 状 ” 拾 色 器 ， 选 择 “ 箭 
头 7” 形 状 ， 如 图 $-370 所 示 。 设 置 完成 后 在 画面 
左上 方 按 住 鼠 标 左 键 并 向 左 侧 拖 动 进行 绘制 ， 如 
图 5-371 所 示 。 
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图 5-370 图 5-371 

区 制作 界面 右上 方 小 图 标 。 选 择 工具 箱 中 的 “钢笔 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 
无 ，“ 描 边 ”为 蓝 灰 色 ，“ 描 边 粗细 ”为 6 点 ，“ 描 边 类 型 ”为 实 线 ， 设 置 完 成 后 在 画面 中 进行 绘制 ， 如 图 5$-372 所 示 。 

了 B 在 画面 中 输入 文字 。 选 择 工具 箱 中 的 “ 横 排 文 字 工具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 并 设置 文字 颜色 为 黑 
色 。 设 置 完毕 后 ， 在 画面 上 方位 置 单 击 输入 文字 ， 如 图 $-373 所 示 。 输 入 完毕 后 按 Ctrl+Enter 快 捷 键 完成 操作 。 

区 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 在 弹出 的 对 话 框 中 选择 “2.jjpg”， 单 击 “ 置 入 ”按钮 。 接 着 将 置 入 的 素材 摆 放 
在 画面 的 中 心 位 置 ， 如 图 5-374 所 示 。 调 整 完成 后 按 Enter 键 完成 置 入 。 然 后 在 “图 层 ”面板 中 右 击 该 图 层 ， 在 弹出 的 快捷 菜 
单 中 执行 “ 栅 格 化 图 层 ” 命 令 ， 如 图 5-375 所 示 。 
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了 针对 服装 进行 抠 图 处 理 。 选 择 工具 箱 中 的 “快速 选择 工具 ”， 在 选项 栏 中 设置 “画笔 大 小 ”为 40 像 素 ， 接 着 按 住 鼠 
标 左 键 在 服装 上 方 涂抹 绘制 选区 ， 如 图 5-376 所 示 。 在 “图 层 ” 面 板 中 单 击 选中 该 图 层 ， 在 保持 当前 选区 的 状态 下 单 击 “ 图 
层 ” 面 板 底部 的 “添加 图 层 蒙 版 ”按钮 ， 以 当前 选区 为 该 图 层 添加 图 层 蒙 版。 选区 以 内 的 部 分 为 显示 状态 ， 选 区 以 外 的 部 分 
被 隐藏 ， 如 图 5-377 所 示 。 
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图 5-375 图 5-376 图 5-377 


区 在 画面 中 绘制 “颜色 选择 ”小 图 标 。 在 工具 箱 中 右 击 形状 工具 组 ， 在 形状 工具 组 列表 中 选择 “椭圆 工具 ”， 在 选项 
栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 白色 ，“ 描 边 ”为 无 ， 然 后 按 住 Shift 键 的 同时 按 住 鼠 标 左 键 拖 动 绘制 正 圆 ， 
如 图 5-378 所 示 。 

项 在 “图 层 ” 面 板 中 选中 圆 形 图 层 ， 执 行 “ 图 层 > 图 层 样式 > 投影 ”命令 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 设置 颜色 为 
深 灰 色 ，“ 不 透明 度 ” 为 26%，“ 和 角度 ”为 90 度 ，“ 距 离 ” 为 4 像素 ，“ 大 小 ”为 1 像素 ， 如 图 5-379 所 示 。 设 置 完 成 后 单 击 
“确定 ”按钮 ， 效 果 如 图 5-380 所 示 。 
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图 5-378 图 5-379 图 5-380 


铅 在 “图 层 ”面板 中 单 击 选 中 圆 形 图 层 ， 使 用 复制 图 层 快捷 键 CtrltJ 复 制 出 一 个 相同 的 图 层 。 接 着 使 用 自由 变换 快捷 键 
CtrltT 调 出 定 界 框 ， 按 住 Shift+Alt 快 捷 键 的 同时 拖 动 控制 点 将 其 以 中 心 等 比 缩放 ， 如 图 $-381 所 示 。 变 换 完 成 后 按 Enter 键 完成 
此 操作 。 


区 选中 小 正 圆 形 图 层 ， 使 用 复制 图 层 快捷 键 Ctrl+J 复 制 出 一 个 相同 的 图 层 ， 然 后 向 右 移动 ， 接 着 在 控制 栏 中 设置 其 “ 填 

充 ” 为 紫红 色 ， 如 OW - 闹 夯 总 上 一 -| w 二 辣 ， 
图 5-382 所 示 。 以 同 本 半 虽 推荐 世面 Pd 全 106% (所 和 5 8CB > 。 高 于 化 筷 负 型 标 pxd @ 33 3 二 
样 的 方法 变换 填充 颜 
色 ， 复 制 多 个 圆 形 图 人 
层 ， 并 摆 放 至 合适 位 下 了 @eee® 
置 ， 此 时 夯 面 效果 如 
图 5-383 所 示 。 0. Bs. 
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图 5-381 图 5-382 图 5-383 


留 在 服装 下 方 输入 文字 信息 。 选 择 工具 箱 中 的 “ 横 排 文字 工具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 文 字 颜色 设置 
为 黑色 。 设 置 完毕 后 在 画面 中 的 合适 位 置 单 击 ， 接 着 输入 文字 ， 如 图 5-384 所 示 。 文 字 输 入 完毕 后 按 Ctrl+Enter 快 捷 键 完成 操 
作 。 用 同样 的 方法 在 价格 上 方 输入 字号 较 小 的 文字 ， 如 图 5-385 所 示 。 
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图 5-384 图 5-385 


椅 在 画面 下 方 绘制 圆 角 矩形 按钮 。 在 工具 箱 中 右 击 形状 工具 组 ， 在 形状 工具 组 列表 中 选择 “ 贺 角 抵 形 工具 ”， 在 选项 栏 
中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 蓝 色 系 的 线性 渐变 ，“ 描 边 ”为 无 ，“ 半 径 ”为 85 像 素 ， 如 图 5-386 所 示 。 然 后 在 画 
面 底部 按 住 鼠 标 左 键 拖 动 绘制 ， 如 图 $-387 所 示 。 

了 9 为 该 图 层 添加 图 层 样式 。 在 “图 层 ” 面板 。 号 于 ww 
中 选中 该 图 层 ， 执 行 “ 图 层 > 图 层 样式 > 外 发 光 ” 命 。 *. 忆 四 昌国 | 多， 品 


令 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 设置 “不 透明 。 中 以 琶 
bt. 
度 ”为 30%， 发 光 颜色 为 蓝 色 ，“ 扩 展 " 为 6%，。 7 四 区 加 时 时， $4860 
“大 小 ”为 46 像 素 ，“ 范 围 ” 为 50%， 如 图 5-388 i es py a 
所 示 。 在 左 侧 图 层 样式 列表 中 单 击 启用 “投影 ” 样 ea | 
式 ， 设置 “混合 模式 ”为 “正片 谷底 ”， 阴 影 颜色 ^ 国 |@ ED 
为 深蓝 色 ，“ 角 度 ”为 90 度 ，“ 距 离 ” 为 8 像素 ，。 名 [Ee 一 | 
“大 小 ”为 8 像素 ， 设 置 完成 后 单 击 “ 确 定 ”按钮 ， 。 忆 a 
如 图 5-389 所 示 ， 此 时 按钮 效果 如 图 5-390 所 示 。 图 5-586 图 5-387 
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图 5-388 图 5-389 


苞 在 按钮 上 方 输入 文字 。 选 择 “ 横 排 文 字 工 具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 文 字 颜色 设置 为 白色 。 设 置 完 
毕 后 在 按钮 上 单 击 ， 输 入 文字 ， 如 图 5-391 所 示 。 文 字 输 入 完毕 后 按 Ctrl+Enter 快 捷 键 完成 操作 。 该 商品 信息 界面 绘制 完成 ， 
效果 如 图 5-392 所 示 。 
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案例 效果 
案例 效果 如 图 5-393 所 示 。 
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图 5-393 
操作 步骤 


隔 执行 “文件 > 打开 ”命令 打开 背景 素材 “1.jpg”， 
如 图 5-394 所 示 。 


在 


图 5-394 
了 新 建 图 层 “1”， 选 择 工 具 箱 中 的 “椭圆 工具 ”， 


eamannc cHc 


图 5-391 


| 变色 条 ， 在 弹出 的 “渐变 编辑 器 ”窗口 中 编辑 一 种 绿色 系 的 


图 5-392 


在 选项 栏 中 设置 “绘制 模式 ”为 “路 径 ”， 并 单 击 “ 合 并 形 
状 ” 按 钮 ， 设 置 完成 后 在 画面 中 适当 的 位 置 按 住 鼠 标 左 键 拖 
动 ， 绘 制 一 个 椭圆 形 ， 如 图 5-395 所 示 。 接 着 使 用 同样 的 方法 


继续 绘制 另外 两 个 椭圆 并 调整 合适 的 角度 ， 如 图 5-396 所 示 。 
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图 5-395 


项 绘制 完成 后 按 Ctrl+Enter 快 捷 键 将 路 径 转换 为 选 


区 ， 得 到 梨 形 选 区 ， 如 图 5-397 所 示 。 
人 站 
> 也 、 3 


5-396 图 5-397 


区 选择 工具 箱 中 的 “渐变 工具 ”， 在 选项 栏 中 单 击 渐 


半 落 汇 国 INn a 翰 避 潍 


@ 
EE 
一 这 
= 
9 
名 
= 
[oe] 
已 
a 
〇 


eT 
壬 


[IE 


渐变 ， 设 置 完 成 后 单 击 “ 确 定 ”按钮 。 接 着 设置 “渐变 类 型 ”为 “线性 渐变 ”， 如 图 $-398 所 示 。 设 置 完 成 后 在 选区 内 按 住 鼠 
标 左 键 拖 动 ， 释 放 鼠 标 为 选区 填充 渐变 ， 效 果 如 图 5-399 所 示 。 接 着 按 Ctrl+D 快 捷 键 取消 选区 的 选择 。 

区 复制 图 层 “1” 并 命名 为 “2”， 使 用 自由 变换 快捷 键 Cul+T 调 出 定 界 框 ， 接 着 将 光标 定位 到 定 界 框 的 四 角 处 ， 按 住 Shift+ 
Alt 快 捷 键 并 按 住 鼠标 左 键 拖 动 ， 将 其 以 中 心 等 比 缩放 ， 调 整 完成 后 按 Enter 键 确认 操作 。 使 形状 出 现 立 体感 ， 如 图 $-400 所 示 。 
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图 5-398 图 5-399 图 5-400 


隐 新 建 图 层 “3”， 选 择 工具 箱 中 的 “钢笔 工具 ”， 在 工具 箱 的 底部 设置 前 景色 为 草绿 色 。 在 选项 栏 中 设置 “绘制 模 
式 ” 为 “路 径 ”， 接 着 绘制 出 水 晶 梨 底 部 阴影 形状 ， 如 图 5-401 所 示 。 按 Ctrl+Enter 快 捷 键 将 路 径 转 换 为 选区 ， 按 AlttDelete 快 
捷 键 填充 前 景色 。 然 后 按 Ctrl+D 快 捷 键 取消 选区 的 选择 ， 如 图 5-402 所 示 。 

了 创建 图 层 组 并 取 名 为 “主体 ”， 将 图 层 “1”“2”“3” 放 入 “主体 ”图 层 组 中 ， 如 图 5-403 所 示 。 继 续 新 建 图 层 
“4”， 按 住 Ctrl 键 单 击 图 层 “1” 的 图 层 缩 览 图 载 入 选区 ， 接 着 选择 工具 箱 中 的 “椭圆 选 框 工具 ”， 在 画面 中 适当 的 位 置 按 
住 Alt 键 并 按 住 鼠标 左 键 拖 动 ， 绘 制 一 个 椭圆 形 ， 如 图 5-404 所 示 。 
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图 5-401 图 5-402 图 5-403 图 5-404 
区 此 时 多 余 的 部 分 被 删除 。 下 面 为 剩余 的 选区 填充 白色 ， 在 “图 层 ”面板 中 调整 其 “不 透明 度 ” 为 45%， 如 图 5$-405 所 
示 ， 效 果 如 图 5-406 所 示 。 接 着 按 Ctl+D 快 捷 键 取消 选区 的 选择 。 
茵 新 建 图 层 “5”， 同 样 载 入 图 层 “1” 选 区 ， 使 用 “椭圆 选 框 工具 ”绘制 椭圆 形 ， 如 图 5-407 所 示 。 去 掉 上 半 部 分 多 余 
部 分 并 填充 白色 ,调整 图 层 “5” 的 “不 透明 度 ” 为 15%， 如 图 5-408 所 示 。 接 着 取消 选区 的 选择 ， 此 时 效果 如 图 5-409 所 示 。 
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图 5-405 图 5-406 图 5-407 图 5-408 


色 新 建 图 层 “6”， 使 用 “椭圆 选 框 工具 ”绘制 出 两 
个 椭圆 并 调整 合适 的 角度 ， 如 图 5-410 所 示 。 建 立 选区 后 填 
充 为 白色 。 接 着 在 “图 层 ” 面 板 中 调整 该 图 层 的 “不 透明 
度 ”为 50%， 如 图 5-411 所 示 。 接 着 取消 选区 的 选择 ， 效 果 如 


图 5-412 所 示 。 
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图 5-411 图 5-412 


区 新 建 图 层 “7”， 使 用 “钢笔 工具 ”绘制 出 水 晶 梨 : 
侧面 高 光 部 分 的 闭合 路 径 ， 将 其 转换 为 选区 后 ， 为 选区 填充 


白色 ， 接 着 在 “图 层 ” 面 板 中 调整 该 图 层 的 “不 透明 度 ” 


Ctrl+D 快 捷 键 取消 选区 的 选择 。 
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加 创建 图 层 组 并 取 名 为 “高 光 ”， 将 图 层 “4”“5” 
ew 投入 训 外 国语 组 是 抽 国 S15 守 。 


图 5-414 


区 新 建 图 层 “ 梗 ”， 使 用 “钢笔 工具 ”绘制 出 水 晶 梨 
醒 轮 廓 闭合 路 径 ， 如 图 5-416 所 示 。 将 路 径 转换 为 选区 后 为 
选区 填充 浅 绿色 系 的 渐变 ， 如 图 5-417 所 示 。 接 着 按 Ctrl+D 
i 然后 在 当前 编辑 的 选区 中 单 击 鼠标 右键 ， 在 弹出 的 快捷 菜单 


快捷 键 取 消 选区 的 选择 。 
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图 5-415 
新 建 图 层 “ 高 光 ”， 使 用 “钢笔 工具 ”绘制 出 水 晶 


图 5-416 


| 梨 醒 高光 的 闭合 路 径 ， 将 该 路 径 转换 为 渤 区 并 将 其 填充 为 


白色 ,接着 在 “图 层 ” 面 板 中 调整 该 图 层 的 “不 透明 度 ” 


| 为 75%， 如 图 5-418 所 示 ， 此 时 效果 如 图 5-419 所 示 。 接 着 按 
# CtrltD 快 捷 键 取消 选区 的 选择 。 


图 5-417 
新 建 图 层 “ 内 ”， 使 用 “钢笔 工具 ”绘制 出 水 晶 梨 


图 5-418 


2 人 叶轮 廊 闭合 路 径 ， 如 图 5-420 所 示 。 将 其 转换 为 选区 并 填充 
为 30%， 如 图 5-413 所 示 ， 此 时 效果 如 图 5-414 所 示 。 接 着 按 ; 绿色 渐变 ， 如 图 -421 所 示 。 接 着 按 CtrltD 快 捷 键 取消 选区 的 


| 选择 


图 5-419 图 5-420 


葬 新 建 图 层 “ 外 ”， 载 入 图 层 “ 内 ”的 选区 ， 执 行 
“选择 > 修改 > 边界 ”命令 ， 在 弹出 的 “边界 选区 ”对 话 框 
中 设置 “宽度 ”为 6 像素 ， 如 图 $-422 所 示 。 设 置 完成 后 单 击 
“确定 ”按钮 ， 此 时 可 以 得 到 边界 选区 ， 如 图 5-423 所 示 。 


平 丈 异 力 In bs 届 吕 澳 


中 执行 “变换 选区 ”命令 ， 适 当 放 大 选区 ， 并 在 新 建 的 图 i 葡 复制 图 层 “ 叶 脉 1 ”并 命名 为 “叶脉 2”， 选 择 工具 箱 
层 中 填充 绿色 系 渐变 ， 如 图 5-424 所 示 。 接 着 取消 选择 的 : 中 的 “移动 工具 ”， 将 “叶脉 >” 调整 到 合适 的 位 置 ， 并 填充 
选区 。 : 浅 绿色 ， 如 图 5-426 所 示 。 填 充 完 成 后 取消 选区 的 选择 。 


BB 


图 5-425 图 5-426 

i ”如 创建 图 层 组 并 命名 为 “叶子 ”， 将 图 层 “ 梗 ”“ 高 
: 光 ”“ 内 ”“ 外 ”“ 叶 脉 1”“ 叶 脉 2” 放 入 “叶子 ”图 层 组 中 ， 
# 如 图 5427 所 示 ， 案 例 最 终 效果 图 如 图 $-428 所 示 。 


> 


时 鄞 1 

| 叶 际 2 

如 新 建 图 层 “叶脉 1”， 使 用 “钢笔 工具 ”绘制 出 ;| 类 

水 晶 梨 叶脉 轮廓 闭合 路 径 ， 单 击 鼠 标 右键 ， 在 弹出 的 快捷 和 


i GG - 
菜单 中 执行 “建立 选区 ”命令 并 填充 绿色 ， 如 图 5-425 所 一 一 < 
示 。 接 着 取消 选区 的 选择 。 : 图 5-427 图 5-428 


9 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 填 充 路 径 与 描 边 路 径 -flv 


5.5.1 填充 路 径 


在 不 将 路 径 转换 为 选区 的 情况 下 ， 也 能 为 路 径 填充 颜色 和 图 案 。 

在 使 用 “钢笔 工具 ”或 形状 工具 〈“ 自 定形 状 工具 ”除外 ) 状 
态 下 ， 在 绘制 完成 的 路 径 上 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 执行 
“填充 路 径 ” 命 令 ， 如 图 5-429 所 示 。 在 打开 的 “填充 路 径 ” 对 话 框 中 
可 以 对 填充 内 容 进行 设置 ， 这 里 包含 多 种 类 型 的 填充 内 容 。 并 且 可 以 
设置 当前 填充 内 容 的 混合 模式 以 及 不 透明 度 等 属性 ， 如 图 5-430 所 示 。 

需要 注意 的 是 ， 此 时 的 填充 需要 在 一 个 普通 图 层 中 进行 ， 可 以 创 
建新 的 空白 图 层 ， 然 后 尝试 使 用 “颜色 ”与 “图 案 ” 填 充 路 径 ， 效 果 
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如 图 5-431 和 图 5-432 所 示 。 


图 5-429 


泻 染 
羽化 半径 (D): 0 
回 消除 锯 占 (A) 


描 边 路 径 和 描 边 选区 还 是 有 区 别 的 ， 路 径 的 描 边 不 仅仅 可 以 用 粗细 相同 的 彩色 边线 ， 还 可 以 利用 粗细 不 同 的 边线 甚至 
是 各 种 图 形 对 路 径 进行 描 边 。 这 是 因为 路 径 描 边 的 原理 是 模拟 利用 “画笔 工具 ”“ 铅 笔 工 具 ”“ 橡 皮 擦 工具 ”“ 仿 制图 章 工 
具 ” 等 多 种 工具 沿 着 路 径 的 走向 进行 操作 ， 从 而 产生 各 种 各 样 的 描 边 效果 。 

例如 我 们 已 设置 好 了 一 种 分 散 的 花 杂 画笔 样式 ， 那 么 描 边 得 到 的 效果 就 是 一 圈 围 绕 在 路 径 周 围 的 花 休 ， 如 图 5-433 所 示 。 
如 果 使 用 的 是 “橡皮 擦 工 具 ” 进 行 描 边 ， 那 么 得 到 的 效 
果 就 是 沿 着 路 径 的 走向 对 所 选 图 层 进行 探 除 ， 如 图 5-434 
所 示 。 

(1) 在 进行 描 边 路 径 之 前 ， 需 要 先 设置 好 用 于 描 边 
的 工具 的 参数 ， 才 能 得 到 相应 的 描 边 效果 。 例 如 首先 设 
置 好 画笔 的 属性 ， 如 图 5-435 所 示 。 绘 制 一 个 路 径 ， 然 后 
在 “钢笔 工具 ”状态 下 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜 
单 中 执行 “ 描 边 路 径 ” 命 令 ， 如 图 5-436 所 示 。 

(2) 打开 “ 描 边 路 径 ” 对 话 框 ， 在 “工具 ”下 拉 列 
表 框 中 可 以 选择 描 边 的 工具 ， 如 图 5-437 所 示 。 设 置 完成 
后 单 击 “ 确 定 ”按钮 完成 操作 ， 效 果 如 图 5$-438 所 示 。 
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a 高 手 小 贴 士 : “模拟 压力 ”选项 的 
用 处 
选中 “模拟 压力 ” 复 选 框 可 以 模拟 手绘 般 的 带 有 
逐渐 消 隐 的 描 边 效果 ， 如 图 5-439 所 示 。 取 消 选 中 此 复 
选 框 ， 描 边 为 线性 、 均 匀 的 效果 ， 如 图 5-440 所 示 。 


/二 
全) 综合 实战 一 手机 音乐 播放 器 UI 设计 


文件 路 径 第 5 章 \ 手 机 音乐 播放 器 Ui 设计 
难 易 指数 从 从众 信众 


案例 效果 
案例 效果 如 图 5-441 所 示 。 
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5.6.1 项 目 分 析 

该 界面 是 一 款 手机 音乐 播放 器 的 播放 界面 ， 视 觉 效果 简约 舒适 ， 较 中 性 化 。 采 用 了 当下 流行 的 冷淡 风 ， 使 用 该 风格 作为 
音乐 播放 主 界面 ， 给 人 一 种 酒 脱 、 自 由 的 感受 ， 这 种 界面 大 多 适用 于 年 轻 群 体 ， 闲 暇 之 余 放下 手边 工作 放松 自己 。 如 图 5-442 
和 图 5-443 所 示 为 相似 风格 的 UI 设计 作品 。 
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图 5-442 图 5-443 


| 级 色 ， 这 两 种 反差 较 大 的 点 绥 色 以 小 面积 的 按钮 形式 呈现 ， 


该 界面 整体 布局 简单 而 不 失 节奏 感 ， 高 度 不 同 的 矩形 
分 割 出 简单 易 懂 的 版 式 结 构 。 界 面 顶 部 为 歌曲 名 称 ， 直 观 而 
易于 传达 。 中 间 部 分 以 大 面积 区 域 展示 专辑 图 片 ， 丰 富 界面 
的 视觉 效果 ， 并 且 更 加 易于 气氛 的 泻 染 。 功 能 操作 


图 $-445 所 示 为 不 同 布局 方式 的 播放 器 UI 设 计 作品 。 
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图 5-444 


由 于 播放 器 的 主 图 为 


音乐 相关 图 片 ， 会 随 着 音乐 的 切 
换 而 更 换 。 此 处 图 片 出 现 的 颜色 可 能 性 非常 广 ， 所 以 界面 本 
身 的 配色 方案 就 应 该 相对 简单 些 。 该 界面 中 大 面积 采用 带 有 
一 些 蓝 色 成 分 的 高 级 灰色 彩 ， 给 人 一 种 和 谐 、 安 宁 之 感 。 界 


面 上 部 和 底部 采用 白色 ， 使 该 音乐 界面 中 作为 重心 区 域 的 专 
辑 图 片 更 加 吸引 人 。 最 后 加 入 粉红 色 和 青 蓝 色 的 按钮 作为 点 


区 域 位 于 | 
最 底部 位 置 ， 便 于 切换 歌曲 ， 符 合 操作 习惯。 如 图 5-444 和 


恰到好处 地 为 界面 添加 了 一 些 亮 眼 的 元 素 ， 且 不 会 产生 杂乱 
感 ， 如 图 5-446 所 示 。 


图 5-446 

除 此 之 外 ， 以 黑白 灰 组 成 的 界面 也 可 以 较 好 地 比较 其 他 
元 素 对 歌曲 氛围 感 的 影响 ， 如 图 $-447 所 示 。 单 一 色 系 配色 
也 可 以 应 用 于 本 案例 中 的 界面 ， 例 如 醇厚 、 优 雅 的 咖啡 色 也 
是 个 不 错 的 选择 ， 如 图 5-448 所 示 。 
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1- 制作 音乐 图 片 及 文字 信息 


(ws 


(1) 执行 “文件 > 新 建 ”命令 ， 打 开 “ 新 


建文 档 ” 对 话 框 。 在 对 话 框 顶部 选择 “移动 设 
备 ” 选 项 卡 ， 单 击 iPhone 6 Plus 按钮 ， 设 置 “ 分 


机 
看 
昌 


辨 率 ”为 72 像 素 /英寸 ， “颜色 模式 ”为 “RGB ] 
颜色 ”，“ 背 景 颜 色 ” 为 白色 。 单 击 “ 创 建 ” 


按钮 创建 新 的 文档 ， 如 图 5-449 所 示 。 ers 


(2) 制作 专辑 封面 部 分 。 执 行 “ 文 件 > 
置 入 嵌入 对 象 ” 命令， 在 弹出 的 对 话 框 中 选择 | 


“1.jpg”， 单 击 “ 置 入 ”按钮 。 接 着 将 置 和 的 | 
素材 摆 放 在 画面 中 的 合适 位 置 ， 将 光标 放 在 素 
材 一 角 处 ， 按 住 Shift 键 的 同时 按 住 鼠 标 左 键 拖 
动 ， 等 比例 缩放 该 素材 ， 如 图 5-450 所 示 。 调 整 


完成 后 按 Enter 键 完成 置 入 。 在 “图 层 ”面板 中 | “ss 


as 


右 击 该 图 层 ， 在 弹出 的 快捷 菜单 中 执行 “ 顶 格 
化 图 层 ” 命 令 ， 如 图 5-451 所 示 。 


图 5-449 


(3) 选择 工具 箱 中 的 “矩形 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 黑色 ，“ 描 边 ” 为 无 ， 设 
置 完成 后 在 图 片上 方 按 住 鼠 标 左 键 拖 动 绘制 矩形 ， 如 图 5-452 所 示 。 
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图 5-450 图 5-451 图 5-452 
(4) 继续 使 用 “和 矩形 工具 ”在 黑色 算 形 的 下 方 绘制 一 个 矩形 ， 然 后 选中 矩形 ， 在 控制 栏 中 设置 “填充 ”为 土 红色 ， 如 
图 5-453 所 示 ， 效 果 如 图 5-454 所 示 。 
(5) 继续 使 用 “和 矩形 工具 ”绘制 两 个 灰色 矩形， 如 图 5-455 所 示 。 
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(6) 在 界面 中 输入 文字 。 选 择 工具 箱 中 的 “ 横 排 文 字 工 具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 文 字 颜 色 设置 为 白 
色 ， 设 置 完毕 后 ， 在 黑色 和 矩形 上 单 击 ， 输 入 文字 ， 如 图 5-456 所 示 。 文 字 输 入 完毕 后 按 Ctrl+Enter 快 捷 键 完成 操作 。 使 用 “ 横 
排 文 字 工具 ”在 土 红 色 矩 形 上 输入 合适 的 文字 ， 并 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 颜 色 设置 为 白色 ， 如 图 5$-457 所 示 。 
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图 5-456 图 5-457 


(7) 用 同样 的 方法 ， 继 续 使 用 “ 横 排 文 字 工具 ”在 画面 顶部 和 底部 位 置 输入 合适 的 文字 ， 并 在 选项 栏 中 设置 合适 的 字 
体 、 字 号 及 颜色 ， 如 图 5-458 所 示 。 

(8) 在 底部 文字 
右 侧 绘制 心 形 形 状 。 
选择 工具 箱 中 的 “ 自 
定形 状 工具 ”， 在 选 
项 栏 中 设置 “绘制 模 
式 ” 为 “形状 ”， 
“填充 ”为 浅 红色 ， 
“ 描 边 ”为 无 ， 单 击 
打开 自 定形 状 “ 拾 色 
器 ”， 选 择 “ 心 形 ” 
形状 ， 设 置 完成 后 在 
底部 文字 右 侧 进行 给 
制 ， 如 图 5-459 所 示 。 
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图 5-458 图 5-459 
2 制作 播放 器 控制 组 件 
(1) 制作 界面 底部 的 播放 按钮 。 选 择 工具 箱 中 的 “钢笔 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ”为 
灰色 系 线性 渐变 ，“ 描 边 ”为 无 ， 接 着 在 底部 左 侧 绘制 循环 按钮 ， 如 图 5-460 所 示 。 以 同样 的 方法 ， 选 择 工具 箱 中 的 “钢笔 工 
具 ” 且 选项 栏 中 的 参数 设置 不 变 ， 在 右 侧 继续 制作 按钮 ， 如 图 5-461 所 示 。 
(2) 制作 开始 按钮 。 在 工具 箱 中 右 击 形 【52 二 而 吉庆 三 30 
状 工具 组 ， 在 形状 工具 组 列表 中 选择 “多 边 形 。 “= 忆 国 国 | 多 口 =” 


工具 ”， 在 选项 栏 中 设置 “绘制 模式 ” 为 “ 形 。 宫 号 | 到 。 a 
状 ” “填充 ” 为 蓝 色 系 线性 渐变 ， “ 描 边 ” 为 2 要 手机 言 乐 手 败 器 册 狗 计 ,psd 从 175% ( 伍 环 , RSI 
无 ，“ 边 ”为 3， 设 置 完成 后 在 画面 中 按 住 Shif 键 。 他 人 py PP 
进行 绘制 ， 并 将 其 适当 旋转 ， 如 图 $-462 所 示 。 在 之 下 | we  ，” ， 吕 
选项 栏 中 设置 “填充 ”为 灰色 系 线性 渐变 ， 然 后 [SA| [| [ ] 2 
继续 按 住 Shift 键 绘制 两 个 等 大 的 三 角形 形状 ， 作 FT 和 
为 “前 进 ”按钮 ， 如 图 5-463 所 示 。 绘 制 完成 后 。 名 | mw < en 
按 住 Ctrl 键 加 选 两 个 图 层 ， 使 用 快捷 键 Ctrl+E 进 - R 
行 合 层 。 图 5-460 图 5-461 
9v | 画 四 时: 国 地 :加 :| - 一 wpsageo Faiz 和 日 权 雹 如 实 Eee- : 园 地 Des wD 
园 器 国 ]] [< Rue = 证 思 | 间 j 到 回 ei > 
a E 
ta, 
帮 2 22 
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D- 
mC 本 RR sm Os 
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芭 ] 
图 5-462 图 5-463 


(3) 选中 后 退 按钮 图 层 ， 使 用 快捷 键 Ctrl+J 将 图 层 进行 复制 。 然 后 使 用 自由 变换 快捷 键 Ctrl+T 调 出 定 界 框 ， 接 着 在 对 象 
上 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 执行 “水 平 翻转 ”命令 ， 如 图 $-464 所 示 。 然 后 按 住 鼠标 左 键 并 向 左 侧 拖 动 ， 按 Enter 键 
完成 操作 。 此 时 “后 退 ”按钮 制作 完成 ， 效 果 如 图 5-465 所 示 。 

(4) 制作 音量 按钮 。 在 工具 箱 中 右 击 形状 工具 组 ， 在 形状 工具 组 列表 中 选择 “ 自 定形 状 工具 ”， 在 选项 栏 中 设置 “绘制 
模式 ”为 “形状 ”，“ 填 充 ” 为 蓝 色 系 线性 渐变 ，“ 描 边 ”为 无 ，“ 形 状 ” 为 “音量 ”， 设 置 完 成 后 在 “前 进 ” 按 钮 右 侧 进 


行 绘制 ， 如 图 5-466 所 示 。 
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(5) 绘制 播放 界面 的 进度 条 部 分 。 在 工具 箱 中 右 击 形状 工具 组 ， 在 形状 工具 组 列表 中 选择 “ 贺 角 和 矩形 工具 ”， 在 选项 
栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 灰色 ，“ 描 边 ”为 无 ，“ 半 径 ” 为 5 像素 ， 设 置 完 成 后 在 播放 按钮 下 方 按 住 
鼠标 左 键 拖 动 绘制 一 个 圆 角 矩形， 如 图 5-467 所 示 。 接 下 来 在 选项 栏 中 设置 “填充 ”为 蓝 色 系 渐变 ， 在 灰色 圆 角 矩形 上 方 继续 
绘制 一 个 蓝 色 渐 变 圆 角 和 矩形 ， 如 图 5-468 所 示 。 
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图 5-467 图 5-468 
(6) 在 进度 条 上 方 制作 进度 按钮 。 选 择 工具 箱 中 的 “椭圆 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 
充 ” 为 灰色 径 向 渐变 ，“ 描 边 ” 为 无 ， 设 置 完 成 后 在 进度 条 上 方 按 住 Shift 键 绘制 正 圆 ， 如 图 $-469 所 示 。 接 着 在 灰色 正 圆 上 方 
绘制 一 个 稍 小 的 正 圆 ， 并 填充 蓝 色 系 径 向 渐变 ， 如 图 $-470 所 示 。 
(7) 使 用 “ 横 排 文 字 工具 ”在 进度 条 两 侧 输入 文字 信息 ， 案 例 完 成 效果 如 图 5$-471 所 示 。 
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【光电 调整 图 层 的 不 透明 度 和 填充 


的 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 图 层 的 不 透明 度 与 混合 模式 的 设置 -fiv 

调整 图 层 的 “不 透明 度 ” 可 以 使 两 个 以 上 的 图 层 产生 互相 又 加 的 效果 ， 形 成 新 的 显示 方式 ; 调整 “填充 ”选项 只 影响 
图 层 中 绘制 的 像素 和 形状 的 不 透明 度 ， 而 不 影响 图 层 样式 。 

(1) 选择 一 个 图 层 ， 如 图 6-1 所 
示 。 在 “图 层 ” 面 板 中 可 以 对 图 层 或 图 
层 组 的 “不 透明 度 ” 与 “填充 ”进行 调 
整 ， 如 图 6-2 所 示 。 
(2) “不 透明 度 ” 选 项 控制 着 整 
个 图 层 的 透明 属性 ， 包 括 图 层 中 的 形 
状 、 像 素 ， 以 及 图 层 样式 ， 例 如 将 “图 
层 1” 的 “不 透明 度 ” 设 置 为 20%， 效 果 
如 图 6-3 所 示 。“ 填 充 ” 选 项 只 影响 图 层 
中 绘制 的 像素 和 形状 的 不 透明 度 ， 而 不 
影响 图 层 样式 ， 如 图 6-4 所 示 为 将 “图 层 
1” 的 “填充 ”设置 为 0% 的 效果 。 


2 识 图 层 “ 混 合 模式 ” 


部 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 图 层 的 不 透明 度 与 混合 模式 的 设置 -fv 
他 技术 速 查 : 图 层 混 合 模式 就 是 指 一 个 图 层 与 其 下 面 图 层 的 色彩 又 加 方式 . 通过 设置 不 同 的 混合 模式 可 以 制作 出 丰富 多 
彩 的 画面 效果 。 
图 层 “ 混 合 模式 ”就 是 指 一 个 图 层 中 的 像素 与 其 下 图 层 像素 的 色彩 从 加 方式 。 图 层 的 混合 模式 是 Photoshop 中 的 一 
非常 重要 的 功能 ， 它 不 仅仅 存在 于 “图 层 ” 面 板 中 ， 甚 至 在 使 用 绘画 工具 时 也 可 以 通过 更 改 混合 模式 来 调整 绘制 对 象 


面 图 像 的 像素 的 混合 方式 。 可 以 用 来 创建 各 种 特效 ， 并 且 不 会 损坏 原始 图 像 的 任何 内 容 。 
通常 情况 下 新 建 图 层 的 混合 模式 为 “正常 ”， 除 了 正常 以 外 ， 还 有 很 多 种 混合 模式 ， 它 们 都 可 以 产生 过 异 的 合成 效 


果 。 如 图 6-5 一 图 6-7 所 示 为 一 些 使 用 混合 模式 制作 的 作品 。 


图 6-5 


图 6-7 


设置 图 层 的 混合 模式 需要 在 至 少 包含 两 个 图 层 的 文档 中 进行 才能 够 观察 到 效果 。 首 先 准备 两 个 图 层 ， 如 图 6-8 所 示 。 


在 “图 层 ” 面 板 中 选择 一 个 除 “ 背 景 ”以 外 的 位 于 上 方 的 图 层 ， 默 认 情 况 下 图 层 没有 设置 过 混合 模式 。 混 合 模式 为 “ 正 


常 ”， 单 击 “ 正 常 ”后 侧 的 “按钮 ， 在 下 拉 列 表 中 可 以 选择 一 种 混合 模式 。 图 层 的 “混合 模式 ”分 为 6 组 ， 共 27 种 ， 如 


图 6-9 所 示 。 
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图 6-9 


半 识 手 小 Wt: 混合 模式 的 应 用 范围 


: 混合 模式 在 Photoshop 中 应 用 非常 广泛 ， 在 绘画 工 
具 和 修饰 工具 的 选项 栏 中 ， 在 “ 渐 隐 ” “填充 ”“ 描 | 

边 ”命令 和 “图 层 样式 ”对 话 框 中 都 能 看 到 包含 的 混 ; 

| 合 模式 的 选项 。 


(1) 组 合 模式 组 中 有 “正常 ”和 “溶解 ”两 个 选项 。 
各 正常 ， 这 种 模式 是 Photoshop 默 认 的 模式 。“ 图 层 ” 
面板 中 包含 两 个 图 层 ， 如 图 6-10 所 示 。 在 正常 情况 下 


(“不 透明 度 ” 为 100%) ， 上 层 图 像 将 完全 遮盖 下 
| 层 图 像 ， 降 低 “ 不 透明 度 ” 数 值 以 后 才能 与 下 层 图 
i 像 相 混合 。 如 图 6-11 所 示 是 设置 “不 透明 度 ” 为 50% 


i 时 的 混合 效果 。 
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图 6-10 
全 溶解 : 在 “不 透明 度 ” 和 “填充 ”数值 为 100% 时 ， 
该 模式 不 会 与 下 层 图 像 相 混合 ， 只 有 这 两 个 数值 
的 任何 一 个 低 于 100% 时 才能 产生 效果 ， 使 透明 度 
域 上 的 像素 离散 ， 如 图 6-12 所 示 。 
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〈2) 加 深 模式 组 中 的 混合 模式 可 以 使 图 像 变 暗 。 在 混合 过 程 中 ， 当 前 图 层 的 白色 像素 会 被 下 层 较 暗 的 像素 蔡 代 。 
比较 每 个 通道 中 的 颜色 信息 ， 并 选择 基色 或 混合 色 中 较 暗 的 颜色 作为 结果 色 ， 同 时 蔡 换 比 混合 色 亮 的 像素 ， 而 
比 混合 色 暗 的 像素 保持 不 变 ， 如 图 6-13 所 示 。 


图 6-11 图 6-12 图 6-13 
任何 颜色 与 黑色 混合 产生 黑色 ， 任 何 颜色 与 白色 混合 保持 不 变 ， 如 图 6-14 所 示 。 

通过 增加 上 下 层 图 像 之 间 的 对 比 度 来 使 像素 变 暗 ， 与 白色 混合 后 不 产生 变化 ， 如 图 6-15 所 示 。 
通过 减 小 亮度 使 像素 变 瞳 ， 与 白色 混合 不 产生 变化 ， 如 图 6-16 所 示 。 


图 6-14 
通过 比较 两 个 图 像 的 所 有 通道 的 数值 的 总 和 ， 显示 数值 较 小 的 颜色 ， 如 图 6-17 所 示 。 
3D te dn 0 它们 可 以 使 图 像 变 亮 。 在 混合 过 程 中 ， 图 像 中 的 黑色 像素 
会 被 较 亮 的 像素 替换 ， 而 任何 比 黑色 亮 的 像素 都 可 能 提 亮 下 层 图 像 。 
比较 每 个 通道 中 的 颜色 信息 ， 人 色 中 较 亮 的 颜色 作为 结果 色 ， 同 时 替换 比 混合 色 暗 的 像素 ， 而 
比 混合 色 亮 的 像素 保持 不 变 ， 如 图 6-18 所 示 。 
与 黑色 混合 时 颜色 保持 不 变 ， 与 白色 混合 时 产生 白色 ， 如 图 6-19 所 示 。 


图 6-16 


图 6-17 图 6-18 


通过 减 小 上 下 层 图 像 之 间 的 对 上 比 度 来 提 亮 底层 图 像 的 像素 ， 如 图 6-20 所 示 。 
与 “线性 加 深 ” 模 式 产生 的 效果 相反 ， 可 以 通过 提高 亮度 来 减 淡 颜 色 ， 如 图 6-21 所 示 。 


通过 比较 两 个 图 像 的 所 有 通道 的 数值 的 总 和 ， 然 后 显示 数值 较 大 的 颜色 ， 如 图 6-22 所 示 。 


图 6-20 图 6-21 图 6-22 
(4) 对 比 模式 组 中 的 混合 模式 可 以 加 强 图 像 的 差异 。 在 混合 时 ，50% 的 灰色 会 完全 消失 ， 任 何 亮度 值 高 于 50% 灰 色 的 
像素 都 可 能 提 亮 下 层 的 图 像 ， 亮 度 值 低 于 50% 灰 色 的 像素 则 可 能 使 下 层 图 像 变 暗 。 
对 颜色 进行 过 滤 并 提 亮 上 层 图 像 ， 具 体 取 决 于 底层 颜色 ， 同 时 保留 底层 图 像 的 明暗 对 比 ， 如 图 6-23 所 示 。 
使 颜色 变 暗 或 变 亮 ， 具 体 取决 于 当前 图 像 的 颜色 。 如 果 上 层 图 像 比 50% 灰 色 亮 ， 则 图 像 变 亮 ; 如 果 上 层 图 像 比 
50% 灰 色 暗 ， 则 图 像 变 暗 ， 如 图 6-24 所 示 。 
对 颜色 进行 过 滤 ， 具 体 取决 于 当前 图 像 的 颜色 。 如 果 上 层 图 像 比 50% 灰 色 亮 ， 则 图 像 变 亮 ， 如 果 上 层 图 像 比 
50% 灰 色 暗 ， 则 图 像 变 暗 ， 如 图 6-25 所 示 。 


1 


图 6-23 图 6-24 图 6-25 
通过 增加 或 减 小 对 比 度 来 加 深 或 减 淡 颜 色 ， 具 体 取决 于 上 层 图 像 的 颜色 。 如 果 上 层 图 像 比 50% 灰 色 亮 ， 则 图 像 
变 亮 ， 如果 上 层 图 像 比 50% 灰 色 暗 ， 则 图 像 变 暗 ， 如 图 6-26 所 示 。 
通过 减 小 或 增加 亮度 来 加 深 或 减 淡 颜 色 ， 具 体 取决 于 上 层 图 像 的 颜色 。 如 果 上 层 图 像 比 50% 灰 色 亮 ， 则 图 像 
变 亮 ， 如 果 上 层 图 像 比 50% 灰 色 暗 ， 则 图 像 变 暗 ， 如 图 6-27 所 示 。 
根据 上 层 图 像 的 颜色 来 替换 颜色 。 如 果 上 层 图 像 比 50% 灰 色 亮 ， 则 替换 比较 暗 的 像素 ， 如 果 上 层 图 像 比 50% 灰 
色 暗 ， 则 替换 较 亮 的 像素 ， 如 图 6-28 所 示 。 


图 6-26 图 6-27 图 6-28 


站 落下 济 由 逆 泗 隧 刘 


的 将 上 层 图 像 的 RGB 通 道 值 添加 到 底层 图 像 的 RGB 值 。 如 果 上 层 图 像 比 50% 灰 色 亮 ， 则 使 底层 图 像 变 亮 ， 如 
果 上 层 图 像 比 50% 灰 色 暗 ， 则 使 底层 图 像 变 暗 ， 如 图 6-29 所 示 。 
(5) 比较 模式 组 中 的 混合 模式 可 以 比较 当前 图 像 与 下 层 图 像 ， 将 相同 的 区 域 显示 为 黑色 ， 不 同 的 区 域 显示 为 灰色 或 

彩色 。 如 果 当 前 图 层 包含 白色 ,那么 白色 区 域 会 使 下 层 图 像 反 相 ， 而 黑色 不 会 对 下 层 图 像 产 生 影响 。 

的 上 层 图 像 与 白色 混合 将 反 转 底层 图 像 的 颜色 ， 与 黑色 混合 则 不 产生 变化 ， 如 图 6-30 所 示 。 


创建 一 种 与 “ 差 值 ”模式 相似 ， 但 对 比 度 更 低 的 混合 效果 ， 如 图 6-31 所 示 。 


图 6-29 图 6-30 图 6-31 
[a 从 目标 通道 中 相应 的 像素 上 减 去 源 通道 中 的 像素 值 ， 如 图 6-32 所 示 。 
比较 每 个 通道 中 的 颜色 信息 ， 然 后 从 底层 图 像 中 划分 上 层 图 像 ， 如 图 6-33 所 示 。 
(6) 使 用 色彩 模式 组 中 的 混合 模式 时 ，Photoshop 会 将 色彩 分 为 色相 、 饱 和 度 和 亮度 3 种 成 分 ， 然 后 再 将 其 中 的 一 种 
或 两 种 应 用 在 混合 后 的 图 像 中 。 
的 用 底层 图 像 的 明亮 度 和 饱和 度 以 及 上 层 图 像 的 色相 来 创建 结果 色 ， 如 图 6-34 所 示 。 


图 6-52 图 6-33 图 6-34 
用 底层 图 像 的 明亮 度 和 色相 以 及 上 层 图 像 的 饱和 度 来 创建 结果 色 ， 在 饱和 度 为 0 的 灰 度 区 域 应 用 该 模式 不 会 
产生 任何 变化 ， 如 图 6-35 所 示 。 
ba 用 底层 图 像 的 明亮 度 以 及 上 层 图 像 的 色相 和 饱和 度 来 创建 结果 色 可 以 保留 图 像 中 的 灰 阶 ， 对 于 为 单 色 图 像 上 色 
或 给 彩色 图 像 着 色 非 常 有 用 ， 如 图 6-36 所 示 。 
的 用 底层 图 像 的 色相 和 饱和 度 以 及 上 层 图 像 的 明亮 度 来 创建 结果 色 ， 如 图 6-37 所 示 。 


图 6-35 图 6-36 图 6-37 


于 用 混合 相 


案例 实 


BB. 

允 遇 指数 
案例 效果 

案例 效果 如 图 6-38 所 示 。 


操作 步骤 


隔 执行 “文件 > 打开 ”命令 ， 打 开 背 景 素 材 文件 ， 如 
图 6-39 所 示 。 

区 执行 “图 层 > 新 建 调整 图 层 > 亮 度 /对 比 度 ”命令 ， 
在 弹出 的 “新 建 图 层 ” 对 话 框 中 单 击 “ 确 定 ”按钮 。 接 着 
在 弹出 的 “属性 ” 
示 ， 效 果 如 图 6-41 所 示 。 
项 执行 “图 层 > 新 建 调整 图 层 > 色相 /饱和 度 ” 命 令 ， 
在 弹 上 
“属性 ”面板 中 设置 通道 为 “黄色 ”， 
如 图 6-42 所 示 ， 效 果 如 图 6-43 所 示 。 
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图 6-40 


图 6-41 


了 B 在 “属性 ”面板 中 设置 “色相 ”为 144， 
了 B 新 建 图 层 ， 在 工具 箱 的 底部 设置 合适 的 前 景色 ， 选 择 工具 箱 中 的 “画笔 工具 ”， 使 用 “和 柔 边 圆 ”画笔 在 画面 中 绘制 


彩色 效果 ， 如 图 6-48 所 示 。 设 置 其 “混合 模式 ”为 “ 滤 色 ”， 


四 所 癌 .外 回 语 汪 三 可 习 JE 


图 6-45 


名 执行 “图 层 > 新 建 调整 图 层 > 曲线 ”命令 ， 在 弹出 的 
中 调整 曲线 的 形状 ， 如 图 6-51 所 示 ， 最 终 效 果 如 图 6-52 所 示 。 


图 6-46 


面板 中 设置 “对 比 度 ” 为 28， 如 图 6-40 所 


的 “新 建 图 层 ”对 话 框 中 单 击 “确定 ”按钮 ， 接 着 在 
“饱和 度 ” 为 -81， 


“饱和 度 ” 为 40， 


图 6-38 图 6-39 


使 用 “快速 选择 工具 ”选择 背景 选区 ， 如 图 6-44 所 
| 示 。 执 行 “ 图 层 > 新 建 调整 图 层 > 色相 饱和 度 ” 命 令 ， 以 当前 
选区 创建 色相 饱和 度 调整 图 层 ， 如 图 6-45 所 示 。 


图 6-42 图 6-43 


“明度 ”为 -10， 如 图 6-46 所 示 ， 效 果 如 图 6-47 所 示 。 


图 6-44 


“不 透明 度 ” 为 85%， 如 图 6-49 所 示 ， 效 果 如 图 6-50 所 示 。 


图 6-47 


图 6-48 图 6-49 


“新 建 图 层 ” 对 话 框 中 单 击 “ 确 定 ” 按 钮 。 接 着 在 “属性 ”面板 


本。 Wo 


Po 
村 


站 菏 哨 沿 由 逆 品 流 计 


图 6-52 


文件 路 径 第 6 章 \ 冷 色调 音乐 APP 播 放 页 面 
难 易 指 数 座 催 催 侠 全 


案例 效果 
案例 效果 如 图 6-53 所 示 。 


本 案例 将 制作 一 款 音 乐 播放 器 的 歌 单 列表 界面 ， 界 面 整 体 采用 了 一 种 现代 感 较 强 的 表现 形式 ， 简 洁 大 方 。 界 面 整体 以 上 
半 部 分 的 主 图 为 风格 导向 ， 下 半 部 分 模块 颜色 会 随 着 歌曲 的 切换 而 改变 。 这 种 搭配 方式 可 以 极 大 地 统一 界面 整体 的 格调 ， 使 
用 者 更 容易 沉浸 于 音乐 以 及 画面 共 融 的 氛围 中 。 如 图 6-54 和 图 6-55 所 示 为 优秀 的 播放 器 界面 。 


图 6-54 图 6-55 


界面 采用 了 常见 的 上 下 两 部 分 的 分 区 方式 ， 上 部 背景 图 i 该 界面 为 同色 系 搭配 风格 ， 由 于 色相 相差 较 小 ， 整 体 视 


片 为 歌曲 的 专辑 或 音乐 相关 的 图 片 ， 此 处 图 片 不 


恒定 ， 会 根 觉 感 较 亲 切 柔 和 。 同 时 色调 及 明度 的 交 蔡 ， 巧 妙 地 为 画面 带 


据 专辑 类 型 自动 匹配 相应 界面 。 下 部 为 歌曲 列表 类 型 ， 以 整 : 来 轻快 、 愉 悦 的 氛围 ， 令 听 者 产生 一 种 身 临 其 境 的 感觉 。 如 


齐 排列 的 细 长 纯色 色 块 作为 背景 ， 各 种 风格 的 歌 由 
展示 在 听 者 面前 ， 使 音乐 爱好 者 更 易 找 到 自己 喜欢 的 音乐 。 
此 类 上 下 两 部 分 的 版 面 切 分 方式 较为 常见 ， 下 方 的 模块 条 目 


将 清晰 地 4 图 6-58 和 图 6-59 所 示 为 切换 至 不 同音 乐 主题 时 的 效果 。 


不 仅 可 以 以 纵向 的 方式 进行 排列 ， 还 可 以 卡片 化 的 形式 横向 * 
排列 。 如 图 6-56 和 图 6-57 所 示 为 优秀 的 UI 设计 作品 。 ha 


者 40% Good Position 


图 6-56 


1- 制作 音乐 信息 部 分 
(1) 创建 一 个 新 的 文档 。 在 画面 中 绘制 拼接 背景 色 。 首 先 新 建 图 层 ， 选 择 工具 箱 中 的 “和 矩形 选 框 工具 ”， 在 画面 项 部 按 


住 鼠 标 左 键 并 拖 动 绘制 矩形 选区 ， 如 图 6-60 所 示 。 


然后 单 击 工具 箱底 部 的 “前 景色 ”按钮 ， 在 弹出 的 “ 拾 色 器 ”对 话 框 中 设置 


和 设置 完成 后 单 击 “ 确 定 ”按钮 ， 如 图 6-61 所 示 。 接 着 使 用 填充 前 景色 快捷 键 AlttDelete 进 行 快速 填充 ， 如 图 6-62 


所 示 。 绘 制 完成 后 按 CtritD 快 捷 键 取 消 选区 。 
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图 6-60 图 6-61 图 6-62 


(2) 在 顶部 矩形 下 方 依次 绘制 矩形 选区 ， 新 建 图 层 并 填充 相应 的 颜色 ， 如 图 6-63 所 示 。 


(3) 新 建 图 层 ， 使 用 “和 矩形 选 框 工具 ”绘制 


和 矩形 选区 ， 如 图 6-64 所 示 。 将 前 景色 设置 为 黑色 ， 使 用 填充 前 景色 快捷 键 


AlttDelete 进 行 快 速 填充 ， 如 图 6-65 所 示 。 然 后 按 Ctrl+D 快 捷 键 取消 选区 。 
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(4) 单 击 选中 该 黑色 拢 形 图 层 ， 在 “图 层 ” 面 板 中 设置 该 图 层 的 “不 透明 度 ” 为 33%， 如 图 6-66 所 示 。 此 时 画面 呈现 半 
透明 效果 ， 如 图 6-67 所 示 。 
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图 6-63 图 6-64 图 6-65 图 6-66 
(5) 绘制 音乐 APP 播 放 页 面 的 上 部 分 。 首 先 绘制 上 部 的 背景 部 分 ， 新 建 图 层 ， 在 画面 上 绘制 一 个 矩形 选区 ， 如 图 6-68 所 
示 。 选 择 工具 箱 中 的 “渐变 工具 ”， 在 选项 栏 中 单 击 渐变 色 条 ， 在 弹 
渐变 ， 接 着 单 击 “ 确 定 ” 按 钮 ， 再 单 击 选 项 栏 中 的 “线性 渐变 ”按钮 ， 如 图 6-69 所 示 。 
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图 6-67 图 6-68 图 6-69 


(6) 在 画面 中 按 住 鼠标 从 选区 左 侧 向 右 侧 拖 动 填充 渐变 ， 如 图 6-70 所 示 。 单 击 选中 该 渐变 图 层 ， 在 “图 层 ” 面 板 中 设置 
该 图 层 的 “混合 模式 ”为 “ 滤 色 ”， 如 图 6-71 所 示 。 最 后 按 Ctl+D 快 捷 键 取消 选区 。 

(7) 执行 “文件 > 置 入 嵌 
入 对 象 ”命令 ， 在 弹出 的 对 话 
框 中 选择 “1.jpg”， 单 击 “ 置 
入 ”按钮 。 接 着 将 置 入 的 素 
材 摆 放 在 渐变 图 层 上 方位 置 ， 
如 图 6-72 所 示 ， 调 整 完成 后 按 
Enter 键 完成 置 入 。 在 “图 层 ” 
面板 中 右 击 该 图 层 ， 在 弹出 的 
快捷 菜单 中 执行 “ 栅 格 化 图 - 
层 ” 命 令 ， 如 图 6-73 所 示 。 图 6-70 图 6-71 


又 


图 6-72 
(8) 在 “图 层 ” 面 板 中 设置 该 图 层 的 “混合 模式 ”为 
“ 滤 色 ”， 如 图 6-74 所 示 ， 画 面 效果 如 图 6-75 所 示 。 
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图 6-73 
(9) 隐藏 图 片 左 侧 生硬 的 边缘 。 选 持 
层 ， 接 着 单 击 ”面板 底部 的 “添加 图 层 ”按钮 ， 
为 该 图 层 添 寻 蒙 版 ， 如 图 6-76 所 示 。 接 着 选择 工具 箱 中 
的 “画笔 工具 ”， 在 选项 栏 中 设置 画笔 “大 小 ”为 700 像 素 
的 “ 柔 边 圆 ”画笔 ， 在 图 层 蒙 版 选中 的 状态 下 在 图 片 左 侧 区 
域 涂抹 ， 效 果 如 图 6-77 所 示 。 
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图 6-75 


面 左 侧 的 亮度 。 新 建 图 层 ， 选 择 工具 箱 中 


图 6-76 


(10) 压 暗 画 

的 “画笔 工具 ”， 在 选项 栏 画笔 预 设 ”选取 器 中 设置 画笔 

大 小 为 700 像 素 ， 在 常规 画笔 下 方 选择 “和 柔 边 圆 ”， 如 图 6-78 

所 示 。 将 前 景色 设置 为 黑色 ， 然后 按 住民 标 左 键 在 画 面 左 侧 

处 涂抹 ， 此 时 画面 效果 如 图 6-79 所 示 。 

(11) 单 击 选中 该 图 层 ， 在 “图 层 ” 面 板 中 设置 该 图 层 

的 “不 透明 度 ” 为 90%，“ 混 合 模式 ”为 “ 深 色 ”， 如 图 6-80 
所 示 ， 此 时 画面 效果 如 图 6-81 所 示 。 
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图 6-79 


图 6-80 图 6-81 

(12) 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 置 入 素材 

“2.jpg”， 摆 放 在 合适 的 位 置 ， 按 Enter 键 确定 置 入 操作 ， 
并 将 其 栅 格 化 ， 如 图 6-82 所 示 。 


过 过 持 风 新 于 芋 部 果 象 


图 6-82 
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(13) 在 “图 层 ” 面 板 中 设置 素材 2 图 层 的 “混合 模式 ” : 2 EE we ss @ 0 wR wm 
为 “颜色 减 淡 ”， 如 图 6-83 所 示 。 此 时 画面 效果 如 图 6-84 坟 忌 Yo 
所 示 。 a 次 中 四 阶 
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蔬 历 握 房 如 何 将 全 部 形状 载 入 
形状 面板 中 
单 击 名 图标， 执行 “全 部 ”命令 ， 如 图 6-89 所 示 ， 
在 弹出 的 对 话 框 中 单 击 “追加 ”按钮 ， 如 图 6-90 所 示 。 
比 时 形状 面板 中 出 现 全 部 形状 。 


图 6-83 图 6-84 
(14) 置 入 天 空 素材 “3.jpg”， 捍 放 在 合适 位 置 ， 并 将 
其 栅 格 化 ， 如 图 6-85 所 示 。 
(15) 设置 天 空 素材 图 层 的 “混合 模式 ”为 “ 滤 色 ”， 
如 图 6-86 所 示 ， 此 时 画面 效果 如 图 6-87 所 示 。 
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图 6-85 图 6-86 


图 6-89 


图 6-87 


(16) 绘制 顶部 工具 图 案 。 在 工具 箱 中 右 击 形状 工具 (17) 使 用 同样 的 方式 绘制 
组 ， 在 形状 工具 组 列表 中 选择 “ 自 定形 状 工具 ”， 在 选项 图 6-91 所 示 。 
栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 灰色 ，“ 描 
边 ”为 无 ， 单 击 打 开 “ 自 定形 状 ” 拾 色 器 ， 选 择 “ 搜 索 ” 形 
状 ， 设置 完成 后 在 画面 左上 方位 置 按 住 鼠标 左 键 拖 动 进行 给 
制 ， 如 图 6-88 所 示 。 


另外 两 个 图 形 ， 效 果 如 


图 6-91 
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选择 “和 矩形 工具 ”， 在 选 
“ 描 边 ” 为 无 ， 


(18) 在 


EE 

下 方 进行 绘制 ， ,or. 
.a 

Ps 

具 ”， 在 选项 栏 中 i 5 状 加 
边 ” 为 无 ， 单 击 打开 “ 自 定形 状 ”失色 器 ， 选 择 .a 
在 画面 中 横 线 下 方 拖 动 鼠 标 左 键 进行 绘制 ， 如 图 6-93 所 示 。 “加 
(20) 形 图 案 右 侧 输入 文字 。 选 择 工具 箱 中 的 “ 横 排 文字 工 。 久 . 


色 设置 为 浅 灰 色 。 设 置 
如 图 6-94 所 示 。 文 字 上 
为 界面 添加 


兰 中 设置 合适 的 字体 、 字 号 ， 文 字 
完毕 后 在 画面 中 心 形 图 案 右 侧 位 置 单 击 ， 输 入 数 
输入 完毕 后 按 Ctrl+Enter 快 捷 键 完成 操作 。 用 同样 的 方法 继续 
文字 ， 效 果 如 图 6-95 所 示 。 
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图 6-93 图 6-94 

(21) 置 入 素材 “4.jpg”， 摆 放 在 文字 下 方位 置 ， 适 当 调整 大 小 及 位 置 ， 然 后 将 该 图 层 栅 格 

化 ， 如 图 6-96 所 示 。 选 择 工具 箱 中 的 “椭圆 选 框 工具 ”， 在 人 像 头 部 处 按 住 Shift+Alt 快 捷 键 绘制 一 
个 正 圆 选区 ， 如 图 6-97 所 示 。 


(22) 在 保 提 选区 的 状态 下 单 直 ”面板 底部 的 “ 添 蒙 版 ”按钮 ， 以 当前 选区 
为 该 图 上 。 选 区 以 内 的 部 分 关 >， 选 区 以 外 的 ， 如 图 6-98 和 图 6-99 
所 示 。 


Rihanna 


EJ oTna® 
正常 不 j 泛 明度: 100% 
:图 中 车 自习 :100% 


国 


@ 。“，) 器 括 计 控 伯 
ea 
友 口 @ 斩 避让 


图 6-96 图 6-97 图 6-98 图 6-99 


(23) 在 “图 层 ” 面 板 中 选中 素材 4 图 层 ， 执 行 “图 层 > 图 层 样式 > 颜色 又 加 ”命令 ， 在 弹出 的 “图 层 样 式 ” 对 话 框 中 
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设置 “和 登 加 颜色 ”为 青绿 色 ，“ 不 透明 度 ” 为 13%， 设 置 完成 后 单 击 “ 确 定 ”按钮 ， 如 图 6-100 所 示 ， 此 时 效果 如 图 6-101 
所 示 。 

(24) 绘制 播放 控件 。 选 择 “ 椭 圆 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 白色 ，“ 描 边 ”为 
无 ， 然 后 按 住 Shift 键 的 同时 按 住 鼠 标 左 键 拖 动 绘制 正 圆 ， 如 图 6-102 所 示 。 


图 6-100 图 6-101 图 6-102 
(25) 在 形状 工具 组 中 选择 “多 边 形状 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 白色 ，“ 描 边 ” 
为 无 ，“ 边 数 ” 为 3， 然 后 在 圆 形 内 部 进行 绘制 ， 如 图 6-103 所 示 。 此 时 播放 页 面 上 部 绘制 完成 ， 如 图 6-104 所 示 。 


(1) 绘制 列表 的 背景 形状 。 选 择 工 具 箱 中 的 “ 拢 形 选 框 工具 ”， 在 画面 中 按 住 鼠 标 左 键 并 拖 动 ， 得 到 抵 形 选区 ， 如 图 6-105 
所 示 。 新 建 图 层 ， 设 置 前 景色 为 青 蓝 色 ， 使 用 填充 前 景色 快捷 键 Alt+Delete 进 行 快 速 填 充 ， 如 图 6-106 所 示 。 绘 制 完 成 后 按 
Ctrl+D 快 捷 键 取消 选区 。 


6 lm 


ORGHDT 


2 国 2 sax、asEi 


5 


图 6-103 图 6-104 图 6-105 


(2) 单 击 选中 该 图 层 ， 在 “图 层 ” 面 板 中 设置 
该 图 层 的 “不 透明 度 ” 为 80%， 如 图 6-107 所 示 ， 此 
时 画面 效果 如 图 6-108 所 示 。 

(3) 在 “图 层 ”面板 中 单 击 选中 该 图 层 ， 使 用 ee 
复制 图 层 快捷 键 Ctrl+J 复 制 出 一 个 相同 的 图 层 。 然 后 
将 复制 的 图 层 向 下 移动 ， 如 图 6-109 所 示 。 接 着 按 住 -| HH | 
击 “图 层 ” 面 板 中 拷贝 图 层 的 缩 览 图 ， 载 入 

区 ， 并 将 前 景色 设置 为 青绿 色 ， 使 用 填充 

前 景色 快捷 键 AlttDelete 进 行 快速 填充 。 最 后 在 “图 
层 ” 面 板 中 设置 该 图 层 的 “不 透明 度 ” 为 100%， 如 图 6-106 图 6-107 
图 6-110 所 示 。 
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(4) 用 同样 的 方法 复制 多 个 矩形 图 层 ， 在 “图 层 ” 面 板 中 设置 合适 的 颜色 及 不 透明 度 ， 效 果 如 图 6-111 所 示 。 然 后 在 
“图 层 ” 面 板 中 单 击 选 中 底部 的 矩形 图 层 ， 接 着 使 用 自由 变换 快捷 键 Ctrl+T 进 入 自由 变换 状态 ， 将 光标 定位 到 定 界 框 下 方 ， 
按 住 鼠 标 左 键 并 向 下 拖 动 ， 如 图 6-112 所 示 。 调 整 完成 后 按 Enter 键 完成 操作 。 


图 6-108 图 6-109 图 6-110 图 6-111 


(5) 在 列表 上 输入 文字 ， 选 择 工具 箱 中 的 “ 横 排 文字 工具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 文 字 颜 色 设 置 为 浅 
灰色 。 设 置 完 毕 后 在 列表 最 上 方 矩形 位 置 单 击 ， 接 着 输入 文字 ， 如 图 6-113 所 示 ， 文 字 输 入 完毕 后 按 Ctrl+Enter 快 捷 键 完成 操 
作 。 用 同样 的 方法 继续 在 下 方 表格 输入 文字 ， 如 图 6-114 所 示 。 
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图 6-112 图 6-113 图 6-114 
(6) 选择 工具 箱 中 的 “ 自 定形 状 工具 ”， 在 选项 栏 中 设 图 6-117 所 示 。 


置 “ 绘 制 模式 ”为 “形状 ”，“ 填 充 ”为 白色 ，“ 描 边 "为 | | 二 - 

无 ， 单 击 打开 “ 自 定 形状 ” 拾 色 器 选择“ 世界” 图案, 设置 :oy xz。 ss 
完成 后 在 画面 最 底部 列表 中 按 住 鼠 标 左 键 并 拖 动 进行 绘制 ， 如 政 ism [em] 

图 6-115 所 示 。 : 2 EB 
A -忠于 
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四 图 6-116 图 6-177 

六 (8) 用 同样 的 方法 继续 使 用 “ 横 排 文字 工具 ”在 相 
~ 名 。 应 的 位 置 添加 文字 ， 如 图 6-118 所 示 。 


(9) 再 次 在 形状 工具 组 列表 中 选择 “ 自 定形 状 工 
具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 
充 ” 为 白色 ，“ 描 边 ”为 无 ， 单 击 打开 “ 自 定形 状 ” 拾 
i 色 器 ， 选 择 “箭头 2” 图 案 ， 设 置 完成 后 在 画面 最 底部 列 
国生 i 表 中 按 住 鼠 标 左 键 并 拖 动 进行 绘制 ， 如 图 6-119 所 示 。 选 

(7) 单 击 选中 该 图 层 ， 在 “图 层 ”面板 中 设置 该 形状 图 择 该 图 层 ， 使 用 自由 变换 快捷 键 Ctl+T 调 出 定 界 框 ， 然 后 
层 的 “不 透明 度 ” 为 64%， 如 图 6-116 所 示 ， 此 时 图 案 效果 如 “# 拖 动 控制 点 将 图 形 进行 旋转 ， 旋 转 完成 后 按 Enter 键 确定 
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变换 操作 ， 如 图 6-120 所 示 。 
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: 图 6-120 
lastfm : (10) 单 击 选中 该 图 层 ， 在 “图 层 ” 面 板 中 设置 该 图 层 

: 的 “不 透明 度 ” 为 68%， 如 图 6-121 所 示 ， 该 音乐 APP 播 放 界 
面 最 终 效果 如 图 6-122 所 示 。 


BE TE 


“| merTuaes 
~ "i 明度 :[% ] ~ 


/中 本 人 坟 向 : 100% ~ 


channel 


图 6-119 图 6-121 图 6-122 
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Photoshop 的 工具 箱 中 有 一 个 画笔 工具 组 ， 这 个 工具 组 中 的 工具 主要 用 于 绘图 ， 其 中 包 2 
括 “ 画 笔 工具 ”“ 铅 笔 工具 ”“ 颜 色 普 换 工 具 ”“ 混 合 器 画笔 工具 ”， 如 图 7-1 所 示 。 了 By WENAIR 8 
国 .6% A 和 EI 6 


图 7-1 


章 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 画 笔 工 具 的 使 用 /- TO «a Te om ~ @ sa A a 
方法 flv 站 En 
人 @ 技术 速 查 : “画笔 工具 ”是 使 用 频率 最 高 的 工具 之 一 . 它 可 2% Nm 一 @ 
BEE TE 线条 ”同时 人 人 5 和 
Sm 辣 半 电 本 和 用 人 条 人 各 ee~e: 
“画笔 工具 ”[ 思 可 以 使 用 前 景色 绘制 出 各 种 线条 ， 还 可 以 兰 半 
使 用 不 同形 状 的 笔尖 绘制 出 特殊 效果 。 选 择 工具 箱 中 的 “画笔 工 。 访客 
具 ”， 在 选项 栏 中 单 击 打开 “画笔 预 设 选取 器 ”， 在 这 里 需要 进 ” 之 
行 笔尖 类 型 以 及 大 小 的 选择 。 在 选项 栏 中 还 可 以 进行 不 透明 度 以 。 寿 ”， 
及 模式 的 设置 。 设 置 完毕 后 在 画面 中 按 住 鼠 标 左 键 并 拖 动 即 可 使 《 折 己 


用 前 景色 绘制 出 线条 ， 如 图 7-2 所 示 。 本 


选项 解读 : “画笔 工具 ”选项 栏 

入 画笔 大 小 : 单 击 倒 三 角形 图 标 * ， 可 以 打开 “画笔 预 设 ”选取 器 ， 在 这 里 可 以 选择 笔 炎 、 设 置 画笔 的 大 小 和 硬度 。 

轴 模式 : 设置 绘画 颜色 与 下 面 现 有 像素 的 混合 方法 。 

外 不 透明 度 ， 设置 画笔 绘制 出 来 的 颜色 的 不 透明 度 。 数 值 越 大 ， 笔 迹 的 不 透明 度 越 高 ;数值 越 小 ， 笔 迹 的 不 透明 度 
越 低 。 

站 流量 : 设置 当 将 光标 移 到 某 个 区 域 上 方 时 应 用 颜色 的 速 府 。 在 某 个 区 域 上 方 进 行 绘画 时 ， 如 果 一 直 按 住 氛 标 左 键 ， 磊 
色 量 将 根据 流动 速率 增 大 ， 直 至 达到 “不 造 明度 ”设置 。 

外 启用 喷枪 模式 gj， 激活 该 按钮 以 后 ， 可 以 启用 喷枪 功能 ，Photoshop 会 根据 鼠标 左 键 的 单 击 程度 来 确定 画笔 笔迹 的 填充 
数量 。 例 如 ， 关 闭 喷枪 功能 时 ， 每 单 击 一 次 会 绘制 一 个 笔迹 ; 而 启用 喷枪 功能 以 后 ， 按 住 鼠 标 堪 键 不 放 ， 即 可 持续 
绘制 笔迹 。 

多 绘图 板 压 力 控制 大 小包 : 使 用 压 感 笔 压 力 可 以 覆盖 “画笔 设置 ”面板 中 的 “不 透明 度 ” 和 “大 小 ”设置 。 


\WN77 高 手 小 贴 士 : 使 用 “画笔 工具 ”的 小 技巧 


在 使 用 “画笔 工具 ”进行 绘画 时 ， 单 击 鼠 标 右 键 可 以 弹出 “画笔 预 设 选取 器 ”， 使 用 它 可 以 快速 地 调整 画笔 的 | 
参数 。 | 


章 视频 精 讲 : Photoshop 新 手 学 视频 精 讲 课堂 铅笔 工具 的 使 用 方法 .flv 
名 技术 速 查 : “铅笔 工具 ”用 于 绘制 硬 边线 条 .例如 像素 画 以 及 像素 游戏 。 
“铅笔 工具 ”|2. 的 使 用 方法 与 “画笔 工具 ”基本 相同 ， 不 同 点 在 于 “铅笔 工具 ”主要 用 于 绘制 硬 边 的 线条 。 在 “铅笔 


工具 ”的 “画笔 预 设 选取 器 ”中 可 以 看 到 笔尖 类 型 与 Z- SB 瑟 : 志 > 时 :100% “| 轨 得 ;10 |~| 亲口 邱 和 辽 
“画笔 工具 ”有 着 明显 的 不 同 ， 设 置 合适 的 大 小 后 ， oe no Ble 
在 画面 中 可 以 绘制 出 较 硬 的 线条 ， 如 图 7-3 所 示 。 4. |FN| 
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图 7-3 


仿 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 颜 色 蔡 换 画 笔 的 使 用 方法 .fv 
蝎 技术 速 查 : 使 用 “颜色 替换 工具 ”能 够 将 画面 中 的 区 域 替换 为 选 定 的 颜色 。 
“颜色 替换 工具 ”多 .可 以 用 前 景色 替换 图 像 中 指定 的 像素 。 选 择 工 具 箱 中 的 “颜色 普 换 工具 ”， 在 选项 栏 中 可 以 设置 合 
适 的 笔尖 大 小 、 模 式 、 限 制 以 及 容 差 ， 然 后 设置 合适 的 前 景色 。 接 着 将 光标 移动 到 需要 蔡 换 颜色 的 区 域 进行 涂抹 ， 被 涂抹 的 
区 域 颜色 发 生 了 变化 ， 如 图 7-4 所 示 。 继 续 进行 涂抹 ， 效 果 如 图 7-5 所 示 。 
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| Jl 选项 解读 “颜色 替换 工具 ”选项 栏 


和 
。 9 模式 选择 替换 颜色 的 模式 ， 包 括 “ 色 相 ”“ 饱 和 度 ”“ 颜 色 ”“ 明 度 ”。 当 选择 “颜色 ”模式 时 ， 可 以 同时 蔡 换 色 
。 。 相 、 饱 和 度 和 明度 。 
。 四 取样 用 来 设置 颜色 的 取样 方式 。 激 活 “取样 :连续 ”按钮 思 以 后 ， 在 抑 旭 光标 时 ， 可 以 对 颜色 进行 取样 激活 “ 取 
。 。 样 ;一 次 ”按钮 如 以后， 只 普 换 包含 第 一 次 单 击 的 颜色 区 域 中 的 目标 颜色 ;， 激活 “取样 :背景 色 板 ”按钮 吕 以 后 ， 只 普 
。 。 换 色 售 当 前 背景 色 的 区 域 。 | 
加 限制 :当选 择 “不 连续 ”选项 时 ， 可 以 替换 出 现在 光标 下 任何 位 置 的 样本 颜色 ;当选 择 “连续 ”选项 时 ， 只 蔡 换 与 光 ， 
标 下 的 颜色 接近 的 颜色 ， 当 选择 “查找 边缘 ”选项 时 ， 可 以 普 换 包 含 料 本 颜色 的 连接 区 域 ， 同 时 保留 形状 边缘 的 锐 化 
程度 。 | 
四 容 差 : 选取 较 低 的 百分比 可 以 普 换 与 所 点 按 像素 非常 相似 的 颜色 ， 从 而 增加 该 百分比 可 蔡 换 范围 更 广 的 颜色 。 
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名 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 混 合 器 画笔 的 使 用 方法 .fiv 

总 技术 速 查 : 使 用 “混合 器 画笔 工具 ”可 以 像 传统 绘画 过 程 中 混合 颜料 一 样 混合 像素 ， 从 而 产生 带 有 绘画 感 的 奇特 效果 。 
“混合 器 画笔 工具 ”多 是 一 款 用 于 模拟 绘画 效果 的 工具 ， 通 过 选项 栏 的 设置 可 以 调节 笔触 的 颜色 、 潮 湿度 、 混 合 颜色 

等 ， 如 图 7-6 所 示 。 设 置 完毕 后 在 画面 中 进行 涂抹 ， 即 可 使 画面 产生 手绘 感 的 效果 ， 如 图 7-7 所 示 。 
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图 7-6 图 7-7 


选项 解读 。“ 混 合 器 画笔 工具 ”选项 栏 。 


| 身 每 次 描 边 后 载 入 画笔 和 每 次 描 边 后 清理 画笔 x|， 控制 了 每 一 笔 涂抹 结束 后 对 画笔 是 否 更 新 和 清理 ， 类 似 于 画家 在 给 

| 画 时 一 笔 过 后 是 否 将 画笔 放 在 水 中 清洗 的 操作 。 

|。 和 饥 潮 湿 : 控制 画笔 从 画布 拾取 的 油彩 量 。 较 高 的 设置 会 产生 较 长 的 绘画 条 痕 。 

| 国 载 入 : 设置 画笔 上 的 油彩 量 。 载 入 速率 较 低 时 ， 绘 画 描 边 干燥 的 速度 会 更 快 。 

。 熏 混合 控制 画布 油彩 量 与 画笔 上 的 油彩 量 的 比例 。 当 混合 比例 为 100% 时 ， 所 有 油彩 将 从 画布 中 拾取 ; 当 混合 比例 为 
0% 时 ， 所 有 油彩 都 来 自 储 槽 。 


“画笔 设置 ”面板 


执行 “窗口 > 画笔 设置 ”命令 ， 打 开 “ 画 笔 设置 ”面板 。 通 过 参数 设置 可 以 使 画笔 绘制 
出 形状 各 异 、 不 连续 甚至 是 五 颜 六 色 的 笔触 效果 。 而 且 “ 画 笔 设置 ”面板 的 参数 设置 不 仅 可 
以 应 用 于 “画笔 工具 ”， 对 于 “橡皮 控 工 具 ”“ 加 深 工 具 ”“ 涂 抹 工 具 ”“ 锐 化 工具 ”等 也 


是 有 效 的 。 在 “画笔 设置 ”面板 左 侧 可 以 看 到 画笔 设置 的 各 项 参数 列表 ， 单 击 某 项 的 名 称 ， 
右 侧 即 可 显示 相应 的 参数 设置 ， 如 图 7-8 所 示 。 


四 视频 精 讲 : Photoshop 新 手 学 视频 精 讲 课堂 \ 画 笔 笔尖 形状 设置 -flv 
间 技术 速 查 : 在 “画笔 笔尖 形状 ”选项 面板 中 可 以 设置 画笔 的 形状 、 大 小 、 硬 度 和 间距 等 
属性 。 9 
在 “画笔 笔尖 形状 ”选项 面板 中 可 以 对 画笔 的 大 小 、 形 状 等 基本 属性 进行 设置 ， 如 图 7-9 加 
所 示 。 
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站 人 E22 选项 解 总，“ 画 笔 笔尖 形状 ”选项 面板 

间 大 小 ， 控制 画 笔 的 大 小 ， 可 以 直接 输入 像素 值 ， 也 可 以 通过 抱 役 滑 块 来 设置 画笔 大 小 。 对 比 效果 如 图 7-10 和 图 7-11 所 示 。 

加 翻转 X/Y， 将 画笔 笔尖 在 其 x 轴 或 y 轴 上 进行 翻转 。 

四 角度 :指定 椭 国 画笔 或 样本 画笔 的 长 轴 在 水 平方 向 旋转 的 角度 。 

向 圆 度 : 设置 画笔 短 轴 和 长 轴 之 间 的 比率 。 当 “ 圆 度 ” 为 100% 时 ， 表 示 国 形 画 笔 ; 当 “ 贺 度 ” 为 0% 时 ， 表 示 线 性 画 
笔 ; 介 于 0% 一 100% 的 “ 圆 度 ” 值 ， 表 示 椭 圆 画笔 〈 呈 “ 压 扁 ”状态 ) 。 

筷 硬度 控制 画笔 硬度 中 心 的 大 小 。 数 值 越 小 ， 画 笔 的 柔和 度 越 高 ， 对 比 效果 如 图 7-12 和 图 7-13 所 示 。 
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图 7-10 图 7-11 图 7-12 
加 间距 ; 控制 描 边 中 两 个 画笔 笔迹 之 间 的 距离 。 数 值 越 高 ， 笔 迹 之 间 的 间距 越 大 ， 对 比 效 果 如 图 7-14 和 图 7-15 所 示 。 
3 Om ED E19 


人 @ 视频 精 讲 .Photoshop 新 手 学 视频 精 讲课 堂 \ 画 笔 形状 动态 的 设置 fiv 
人 @ 技术 速 查 ， 形状 动态 可 以 决 js 


定 描 边 中 画笔 笔迹 的 变化 . ES 
天 可 以 使 画笔 的 大 小 、 圆 度 等 。 mp A pe i 
于 产生 随机 变化 的 效果 。 3 
于 在 “画笔 设置 ”面板 左 侧 Rs 于 
E 和 列表 中 寺中 “形状 动态 ”选项 -n> 
EE 精进 入 “形状 动态 ”的 参数 设置 页 对 人 2 < 
而 。 在 这 里 可 以 设置 画笔 大 小 、 -六 8 
号 前 。 角度 、 贺 角 的 拉动 效果 ， 通 过 参 am 
上 数 设置 可 以 得 到 大 小 不 一 、 角 
站 级。 度 不 同 的 笔触 效果 ， 如 图 7-16 所 
人 示 ， 效 果 如 图 7-17 所 示 。 80,600 
图 7-16 
| 从 多 选 责 解读: “形状 动态 ”选项 面板 


加 大 小 拉动 /控制 指定 档 边 中 画笔 笔迹 大 小 的 改变 方式 。 数 值 越 高 ， 图 像 轮 
廊 越 不 规则 ， 如 图 7-18 和 图 7-19 所 示 。 

入 控制 ， 在 “控制 ”下 拉 列 表 中 可 以 设置 “大 小 拉动 ”的 方式 ， 其 中 “ 关 ” 
选项 表示 不 控制 画笔 笔迹 的 大 小 变换 ; “ 渐 隐 ” 选 项 是 按照 指定 数量 的 步 
长 在 初始 直径 和 最 小 直径 之 间 渐 隐 画 笔 笔迹 的 大 小 。 

四 最 小 直径 ， 当 启用 “大 小 拉动 ”选项 以 后 ， 通 过 该 选项 可 以 设置 画笔 笔迹 
缩放 的 最 小 缩放 百分比 。 数 值 越 高 ， 笔 类 的 直径 变化 越 小 。 

四 俩 斜 缩放 比例 ， 当 “大 小 拉动 ”设置 为 “钢笔 针 度 ”选项 上 时， 该 选项 用 来 
设置 在 旋转 前 应 用 于 画笔 高 度 的 比例 因子 。 

入 角度 拉动 /控制 ， 用 来 设置 画笔 笔迹 的 角度 。 如 果 要 设置 “角度 拌 动 ”的 方 
式 ， 可 以 在 下 面 的 “控制 ”下 拉 列表 中 进行 选择 。 

各 回 度 衬 动 /控制 /最 小 回 度 : 用 来 设置 画笔 笔迹 的 国度 在 描 边 中 的 变化 方式 。 如 果 要 设置 “国度 拉动 ”的 方式 ， 可 以 在 
下 面 的 “控制 ”下 拉 列 表 中 进行 选择 ， 效 果 如 图 7-20 和 图 7-21 所 示 。 
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图 7-18 
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图 7-19 图 7-20 图 7-21 


竟 视频 精 讲 : _ Photoshop 新手 学 
视频 精 讲课 堂 \ 画 笔 散 布 选项 

的 设置 .flv 
昌 技术 速 查 : 使 用 “散布 ”选项 

可 以 设置 描 边 中 笔迹 的 数目 和 

位 置 ， 使 画笔 笔迹 沿 着 绘制 的 

线条 扩散 。 

在 左 侧 列表 中 启用 “散布 ” 选 
项 ， 在 这 里 设置 笔触 与 绘制 路 径 之 
间 的 距离 以 及 笔触 的 数目 ， 使 绘制 
效果 呈现 出 不 规则 的 扩散 分 布 ， 如 
图 7-22 所 示 ， 效 果 如 图 7-23 所 示 。 


图 7-22 


站 人 E91 选项 解读 ，“ 和 散布 ”选项 面板 


和 散布 /两 轴 / 控 制 ， 指定 画笔 笔迹 在 描 边 中 的 分 散 程度 ， 该 值 越 高 ， 分 散 的 范围 越 广 。 如 果 不 选 中 “两 轴 ” 复 选 框 ， 那 
么 散布 只 局 限于 坚 方向 上 的 效果 ， 看 起 来 ”如 EE 
有 高 有 低 ， 但 彼此 在 横 方向 上 的 间距 还 是 
固定 的 。 当 选中 “两 轴 ” 复 选 框 时 ， 画 笔 
笔迹 将 以 中 心 点 为 基准 ， 向 两 侧 分 散 。 如 
果 要 设置 画笔 笔迹 的 分 散 方式 ， 可 以 在 下 
面 的 “控制 ”下 拉 列 表 中 进行 选择 。 

和 数量 ， 指 定 在 每 个 间距 间隔 应 用 的 画笔 笔 
迹 数量 。 数 值 越 高 ， 笔 迹 重复 的 数量 越 
大 ， 对 比 效果 如 图 7-24 和 图 7-25 所 示 。 


[am | 


外 数量 抖动 /控制 ;设置 数量 的 随机 性 。 如 果 
要 设置 “数量 拌 动 ”的 方式 ， 可 以 在 下 面 


的 “控制 ”下 拉 列 表 中 进行 选择 。 


图 7-24 图 7-25 


章 视频 精 讲 : Photoshop 新 手 学 视 

频 精 讲课 堂 \ 画 笔 纹理 设置 .fv 
加 技术 速 查 : 使 用 “纹理 ”选项 

可 以 绘制 带 有 纹理 质感 的 笔 

触 . 如 在 带 纹理 的 画布 上 绘制 

效果 等 。 

在 左 侧 列表 中 启用 “纹理 ” 选 
项 ， 在 这 里 可 以 设置 图 案 与 笔触 之 
间 产 生 的 县 加 效果 ， 使 绘制 的 笔触 
带 有 纹理 感 ， 如 图 7-26 所 示 ， 效 果 如 
图 7-27 所 示 。 


启用 纹理 
图 7-27 


图 司 灯 申 国 Pa | 翰 和 N 名 


上 选项 解读 : “纹理 ”选项 面板 

外 设置 纹理 / 反 相 : 单 击 图 案 缩 览 图 右 侧 的 倒 三 角 图 
标 -， 可 以 在 弹出 的 “图 案 ” 拾 色 器 中 选择 一 个 图 
案 ， 并 将 其 设置 为 纹理 ， 如 图 7-28 所 示 。 如 果 选 
中 “ 反 相 ” 复 选 框 ， 可 以 基于 图 案 中 的 色调 来 反 
转 纹 理 中 的 亮点 和 瞳 点 。 

和 外 缩放 : 设置 图 案 的 缩放 比例。 数值 越 小 ， 纹 理 越 
多 。 如 图 7-29 和 图 7-30 所 示 为 不 同 参 数 的 对 比 效果 。 

韶 为 每 个 笔尖 设置 纹理 ， 将 选 定 的 纹理 单独 应 用 于 
画笔 描 边 中 的 每 个 画笔 笔迹 ， 而 不 是 作为 整体 应 
用 于 画笔 描 边 。 如 果 关 闭 “ 为 每 个 笔 灾 设置 纹 
理 ” 选 项 ， 下 面 的 “深度 拉动 ”选项 将 不 可 用 。 

加 模式 ， 设置 用 于 组 合 画 笔 和 图 案 的 混合 模式 。 


DI douysoloyd ®@ 
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图 7-30 


且 选 中 “为 每 个 笔尖 设置 纹理 ” 复 选 框 时 ， 


六 视频 精 讲 : Photoshop 新 手 学 视频 
精 讲课 堂 \ 使 用 双重 画笔 .fv 


名 技术 速 查 - 启用 “双重 画笔 ”选项 。 Bs 
可 以 使 绘制 的 线条 呈现 出 两 种 画笔 。 eis 
效果 。 es 
在 左 侧 列表 中 启用 “双重 画笔 ” SE 

选项 ， 该 选项 可 以 使 绘制 的 线条 呈现 两 5 委 


种 画笔 效果 。 在 使 用 该 功能 之 前 首先 在 
“画笔 笔尖 形状 ”中 设置 主 画 笔 参数 属 
性 ， 然 后 启用 “双重 画笔 ”选项 ， 并 从 
中 选择 另外 一 种 笔尖 〈 即 双重 画笔 ) ， 
如 图 7-33 所 示 ， 效 果 如 图 7-34 所 示 。 


入 最 小 深度 : 当 将 “深度 抖动 ”下 面 的 “控制 ”选项 设置 为 “ 渐 隐 ? 
“最 小 深度 ”选项 用 来 设置 油彩 可 渗入 纹理 的 最 小 深度 。 
加 深度 拌 动 /控制 ， 当 选中 “为 每 个 笔尖 设置 纹理 ” 复 选 框 时 ， 
定 如 何 控制 画笔 笔迹 的 深度 变化 ， 可 以 从 下 面 的 “控制 ”下 拉 列 表 中 进行 选择 。 


图 7-28 


入 深度 : 设置 油彩 渗入 纹理 的 深度 。 数 值 越 大 ， 渗 入 的 深度 越 大 ， 如 图 7-51 和 图 7-32 所 示 。 


EJ 各 
图 7-31 图 7-32 


“钢笔 压力 ”“ 钢 笔 斜 度 ”或 “ 光 笔 轮 ” 选 项 ， 并 : 


“深度 拉动 ”选项 用 来 设置 深度 的 改变 方式 ， 然 后 要 指 


六 视频 精 讲 : Photoshop 新 手 
学 视频 精 讲 课堂 \ 画 笔 颜 色 
动态 设置 .fv 

韶 技术 速 查 : 启用 “颜色 动 
态 ” 选 项 可 以 通过 设置 选项 
绘制 出 颜色 变化 的 效果 。 

在 左 侧 列表 中 启用 “颜色 动 
态 ” 选 项 ， 可 以 通过 设置 前 背景 
颜色 、 色 相 、 饱 和 度 、 亮 度 的 拌 
动 ， 在 使 用 画笔 绘制 时 一 次 性 绘 
制 出 多 种 色彩 ， 如 图 7-35 所 示 。 
效果 如 图 7-36 所 示 。 


oa 未 启用 颜色 动态 启用 颜色 动态 


的] 进 吧 解 渎 ， “颜色 动态 ”选项 面板 

站 前 景 /背景 持 动 /控制 : 用 来 指定 前 景色 和 背景 色 之 间 的 油彩 变化 方式 。 数 值 
越 小 ， 变 化 后 的 颜色 越 接近 前 景色 ; 数值 越 大 ， 变 化 后 的 颜色 越 接近 背景 
色 。 如 果 要 指定 如 何 控制 画笔 笔迹 的 颜色 变化 ， 可 以 在 下 面 的 “控制 ”下 拉 
列表 中 进行 选择 。 

站 色相 拉动 : 设置 颜色 变化 范围 。 数 值 越 小 ， 颜 色 越 接近 前 景色 ， 如 图 7-37 所 
示 ; 数值 越 大 ， 颜 色 变 化 越 丰富 ， 如 图 7-38 所 示 。 

站 饱和 度 拌 动 : 饱和 度 拌 动 会 使 颜色 偏 淡 或 偏 浓 ， 百 分 比 越 大 ， 变 化 范围 越 
广 ， 为 随机 选项 。 

加 亮度 拌 动 : 亮度 拉动 会 使 图 像 偏 亮 或 偏 瞳 ， 百 分 比 越 大 ， 变 化 范围 越 广 ， 为 
随机 选项 。 数 值 越 小 ， 亮 度 越 接近 前 景色 ; 数值 越 大 ， 闫 色 的 亮度 值 越 大 ， 
如 图 7-39 和 图 7-40 所 示 。 


enti 


图 7-38 图 7-59 图 7-40 


交 纯度 : 这 个 选项 的 效果 类 似 于 饱和 度 ， 用 来 整体 地 增加 或 降低 色彩 饱和 度 。 数 值 越 小 ， 笔 迹 的 颜色 越 接近 于 黑白 色 ; 
数值 越 大 ， 颜 色 饱 和 度 越 高 。 
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岛 视频 精 讲 : Photoshop 新 手 
学 视频 精 讲课 堂 \ 画 笔 传递 
的 设置 .flv 

名 技术 速 查 : “传递 ”选项 中 
包含 不 透明 度 、 流量 、 湿 
度 、 混 合 等 抖动 的 控制 ,可 
以 用 来 确定 油彩 在 描 边 路 线 
中 的 改变 方式 。 

在 左 侧 列表 中 启用 “传递 ” 
选项 ， 可 以 使 画笔 笔触 随机 地 产 


生 半 透明 效果 ， 如 图 7-41 所 示 ， @O® @ 
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效果 如 图 7-42 所 示 。 


由 ES 


图 7-41 图 7-42 


站 EE 中 选项 解读 ，“ 传 递 ”选项 面板 ma 


外 不 透明 度 拌 动 /控制 : 指定 画笔 描 边 中 油彩 不 选 明度 的 变化 方式 ， 最 高 值 是 选 
项 栏 中 指定 的 不 透明 度 值 。 如 果 要 指定 如 何 榨 制 画笔 笔迹 的 不 透明 度 变化 ， 
可 以 从 下 面 的 “控制 ”下 拉 列 表 中 进行 选择 ， 如 图 7-43 和 图 7-44 所 示 。 
外 流量 振动 /控制 :， 用 来 设置 画笔 笔迹 中 油彩 流量 的 变化 程度 。 如 果 要 指定 如 何 
控制 画笔 笔迹 的 流量 变化 ， 可 以 从 下 面 的 “控制 ”下 拉 列 表 中 进行 选择 。 如 全 
图 7-45 和 图 7-46 所 示 是 “流量 抖动 ”分 别 为 0% 和 80% 的 效果 。 


! 

! 

| 

| 

! 

| 

| 

外 湿度 振动 /控制 ， 用 来 榨 制 画笔 笔迹 中 油彩 湿度 的 变化 程度 。 如 果 要 指定 如 何 | 
控制 画笔 笔迹 的 湿度 变化 ， 可 以 从 下 面 的 “控制 ”下 拉 列 表 中 进行 选择 。 | 
入 混合 持 动 /控制 : 用 来 控制 画笔 笔迹 中 油彩 混合 的 变化 程度 。 如 果 要 指定 如 何 | 
控制 画笔 笔迹 的 混合 变化 ， 可 以 从 下 面 的 “控制 ”下 拉 列 表 中 进行 选择 。 | 


名 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 画 笔 笔 势 的 设置 -fiv 
总 技术 速 查 : “画笔 笔 势 ”选项 用 于 调整 毛 刷 画笔 笔尖 、 侵 蚀 画 笔 笔尖 的 角度 。 
在 左 侧 列表 中 启用 “画笔 笔 势 ”选项 ， 在 这 里 可 以 对 “ 毛 刷 画笔 设置 ”的 角度 、 压 力 的 变化 进行 设置 ， 如 图 7-47 所 示 为 


毛 刷 画笔 ， 如 图 7-48 所 示 为 “画笔 笔 势 ”面板 ， 如 图 7-49 所 示 为 绘制 效果 。 


图 7-47 图 7-48 轩 7-49 
| 选项 解读 ， “画笔 笔 势 ”选项 面板 
仿 倾斜 X/ 倾 斜 Y， 使 笔尖 洛 X 轴 或 7? 轴 袜 EE x 
倾 针 。 


四 旋转 : 设置 笔尖 旋转 效果 。 

向 压力 : 压力 数值 越 高 ， 绘 制 速度 
越 快 ， 线 条 越 粗 欠 。 如 图 7-50 和 
图 7-51 所 示 是 “压力 ”分 别 为 1% | 
和 100% 的 对 比 效 果 。 


图 7-50 图 7-51 


名 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 画 笔 其 他 选项 的 设置 .fiv 
在 “画笔 设置 ”面板 左 侧 列表 中 还 有 “ 杂 色 ”“ 湿 边 ”“ 建 立 ” “平滑 ”“ 保 护 纹理 ”这 几 个 不 需要 进行 参数 设置 的 选 
项 。 直 接 选 中 即 可 启用 这 些 选项 。 


| 国生 选 机 解读 ，“ 杂 色 ”“ 温 边 ” “建立 ” “平滑 ” “保护 纹理 ”选项 详解 


网 杂 色 ， 可 以 为 画笔 增加 随机 的 杂 色 效果 。 当 使 用 条 边 画笔 时 ， 该 选项 最 能 出 效果 。 

| 入 温 边 ， 沿 画笔 描 边 的 边缘 增 大 油彩 量 ， 从 而 创建 出 水 彩 效果 。 

。 9 建立 ， 将 肖 变 色调 应 用 于 图 像 ， 同 时 模拟 传统 的 喷枪 技术 。 “画笔 设置 ”面板 中 的 “喷枪 ”选项 与 选项 栏 中 的 “ 喷 ， 
枪 ”选项 相对 应 。 | 


加 平滑 : 在 画笔 描 边 中 生成 更 平滑 的 曲线 。 当 使 用 光 笔 进行 快速 绘画 时 ， 此 选项 最 有 效 ， 但 是 它 在 档 边 注 末 中 可 能 会 时 
致 轻微 的 滞后 。 

站 保护 纹理 : 将 相同 图 案 和 缩放 比例 应 用 于 具有 纹理 的 所 有 画笔 预 设 。 选 中 该 选项 后 ， 在 使 用 多 个 纹理 画笔 绘画 时 ， 可 
以 模拟 出 一 致 的 画布 纹理 。 
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【7.3) 了 


园 。” 人 楷 皮 控 I 具 E 


工具 箱 中 的 橡皮 擦 工具 组 包括 “橡皮 擦 工具 ” 2. 、“ 背 景 橡皮 擦 工具 ” .和 “ 魔 幻 效 表 虹 和 友 各 I 具 E 
术 橡 皮 擦 工具 ”3.。 这 3 个 工具 都 是 用 于 对 图 像 进行 擦 除 的 操作 ， 但 是 使 用 方法 有 所 不 和 | 分 风 下 棉 皮 招 T 具 上 
同 ， 如 图 7-52 所 示 。 图 7-52 


7.3.1 橡皮 擦 工具 


“橡皮 擦 工具 ”| 和 2 是 一 种 以 涂抹 的 方式 将 光标 移动 过 的 区 域 像素 更 改 为 背景 色 或 透明 。 选 择 工具 箱 中 的 “橡皮 擦 工 
具 ”， 在 画面 中 按 住 鼠 标 左 键 并 拖 动 ， 即 可 进行 擦 除 。 如 果 擦 除 的 涂抹 是 普通 图 层 ， 像 素 将 被 抹 成 透明 ， 如 图 7-53 所 示 。 如 
果 擦 除 的 涂抹 是 背景 图 层 或 已 锁定 透明 度 的 图 层 ， 被 擦 除 的 区 域 将 更 改 为 背景 色 ， 如 图 7-54 所 示 。 


HE EE 了 yes 全 


多 


;977c 国 rsSaxti 


PAAPEXNNED 


ee 
t. 
全 
+. 
时 
0. 
下 
加 


图 7-53 图 7-54 


Er 

在 “橡皮 擦 工具 ”选项 栏 中 从 “模式 ”列表 中 可 以 选择 橡皮 擦 的 种 类 。 “画笔 设置 ”和 “铅笔 ”模式 可 将 橡皮 擦 设 
置 为 像 “画笔 工具 ”和 “铅笔 工具 ”一 样 工作 。“ 块 ”是 指 具有 硬 边缘 和 固定 大 小 的 方形 ， 并 且 不 提供 用 于 更 改 不 透明 度 
或 流量 的 选项 。 


文件 路 径 第 7 章 \ 制 作 更 联 的 涂鸦 效 果 
难 易 指数 从 全 全 全 全 


案例 效果 如 7-55 图 所 示 。 


区 执行 “文件 > 打开 ”命令 打开 素材 “1jpg”， 如 图 7-56 ， 
所 示 。 图 7-55 图 7-56 


隐 单 击 工具 箱 中 的 “ 横 提 
项 栏 中 设置 合适 的 字体 、 字 号 ， 


文字 工具 ”按钮 了 J]， 在 选 
文字 颜色 设置 为 白色 ， 设 


置 完成 后 在 画面 中 适当 的 位 置 单 击 鼠 标 左 键 插入 光标 ， 建 
立 文 字 输 入 的 起 始点 ， 接 着 输入 文字 ， 文 字 输 入 完毕 后 按 


Ctrl+Enter 快 


E 键 确认 操作 ， 如 图 


7-57 所 示 。 


项 在 “图 层 ”面板 中 设置 “填充 ”为 0%， 单 击 “ 图 


层 ” 面 板 中 的 “添加 图 层 样式 ”按钮 ， 执 行 “ 内 发 光 ” 命 ! 


令 ， 如 图 7-58 所 示 。 在 弹出 的 “图 层 样 式 ” 对 话 框 中 设置 


“混合 模式 ”为 “颜色 加 深 ” 
色 为 浅 灰 色 ， 设 置 一 和 


由 灰 到 透明 的 渐变 ， 


“不 透明 度 ” 为 100%, 颜 


“大 小 ”为 90 像 


素 ， 设 置 完 成 后 单 击 “确定 ”按钮 ， 如 图 7-59 所 示 ， 效 果 如 


图 7-60 所 示 。 
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图 7-59 


而 


7-61 和 图 7-62 所 示 。 


.OO 四 .外 加 会 d 


图 7-61 


i 如 图 7-63 所 示 。 单 击 工具 箱 中 的 “橡皮 擦 工具 ”按钮 2， 并 
在 画布 中 单 击 鼠标 右键 ， 选 择 一 种 合适 的 笔 刷 ， 并 设置 大 小 
为 39 像 素 ， 如 图 7-64 所 示 ， 在 字母 “S” 顶 部 边缘 以 及 底部 进 
i 行 擦 除 ， 效 果 如 图 7-65 所 示 。 
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图 7-60 


了 8 复制 文字 图 层 ， 去 掉 图 层 样式 ， 设 置 “ 填 充 ” 为 
100%， 在 “图 层 ” 面 板 中 设置 其 “不 透明 度 ” 为 85%， 如 


7-62 


在 复制 出 的 文字 图 层 上 单 击 和 鼠标 右键 ， 在 弹出 的 快 
捷 菜 单 中 执行 “ 栅 格 化 文字 ”命令 ， 使 其 转换 为 普通 图 层 ， 


图 7-65 


高 手 小 贴 士 : 使 用 “旧版 画笔 ” 
的 小 技巧 
单 击 画笔 选取 器 下 拉面 板 中 的 9- 按钮 ， 执 行 “旧版 


”画笔 ”命令 可 以 载 入 旧版 画笔 组 ， 在 该 组 中 可 以 找到 更 
i 多 的 画笔 笔尖 ， 如 图 7-66 所 示 。 
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图 7-66 
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In 革 冯 于 


了 B 用 同样 方法 对 其 他 字母 进行 擦 除 ， RN ee 
案例 最 终 效果 如 图 7-67 所 示 。 NA 一 读书 笔记 


图 7-67 


六 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 擦 除 工具 的 使 用 方法 .flv 
加 技术 速 查 : “背景 橡皮 擦 工具 ”是 一 种 基于 色彩 差异 的 智能 化 擦 除 工 具 。 

“背景 橡皮 控 工 具 ” 多 | 是 一 种 基于 色彩 差异 的 智能 化 控 除 工具 。 它 可 以 自动 采集 画笔 中 心 的 色 样 ， 同 时 删除 在 画笔 内 出 
现 的 这 种 颜色 ， 使 擦 除 区 域 成 为 透明 区 域 。 

选择 工具 箱 中 的 “背景 橡皮 擦 工具 ” 交 .， 将 光标 移 到 画面 中 ， 光 标 会 呈现 中 心 带 有 “十 ” 字 的 圆 形 效果 ， 圆 形 表示 当前 
工具 的 作用 范围 ， 而 圆 形 中 心 的 “十 ” 字 则 表示 在 擦 除 过 程 中 自动 采集 颜色 的 位 置 。 在 涂抹 过 程 中 会 自动 擦 除 圆 形 画 笔 范围 
内 出 现 的 相近 颜色 的 区 域 ， 如 图 7-68 所 示 。 继 续 进行 擦 除 操作 ， 如 图 7-69 所 示 。 继 续 进 行 擦 除 操作 ， 然 后 更 换 背 景 ， 效 果 如 
图 7-70 所 示 。 
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图 7-69 图 7-70 


“背景 橡皮 擦 工具 ”选项 栏 


加 取样 : 用 来 设置 取样 的 方式 。 激 活 “ 取 样 :连续 ”按钮 加 ， 可 以 擦 除 鼠 标 移动 的 所 有 区 域 ; 激活 “取样 :一 次 ”按钮 本 
只 擦 除 包含 鼠标 第 一 次 单 击 处 颜色 的 图 像 ; 激活 “取样 :背景 色 板 ” 按 钮 四 |， 只 擦 除 包 含 背景 色 的 图 像 。 

入 限制 : 设置 擦 除 图 像 时 的 限制 模式 。“ 不 连续 ” 抹 除 出 现在 画笔 下 面 任何 位 置 的 样本 颜色 。“ 连 续 ” 抹 除 包 含 样本 颜 ， 
色 并 且 相 互 连 接 的 区 域 。“ 查 找 边缘 ” 抹 除 包含 样本 颜色 的 连接 区 域 ， 同 时 更 好 地 保留 形状 边缘 的 锐 化 程度 。 | 

外 保护 前 景色 : 选中 该 复 选 框 后 ， 可 以 防止 擦 除 与 前 景色 匹配 的 区 域 。 


操作 步骤 


车 执行 “文件 > 打开 ”命令 打开 素材 “1.jpg”。 在 
“图 层 ”面板 中 按 住 Alt 键 双击 背景 图 层 ， 将 其 转换 为 普通 
图 层 。 选 择 工具 箱 中 的 “吸管 工具 ”， 单 击 采 集 盘 子 边缘 的 
颜色 作为 前 景色 ， 并 按 住 Alt 键 单 击 蓝 色 的 桌面 部 分 作为 背 
景色 ， 如 图 7-73 和 图 7-74 所 示 。 


案例 效果 
案例 对 比 效果 如 图 7-71 和 图 7-72 所 示 。 


图 7-71 图 7-72 图 7-73 图 7-74 
单 击 工具 箱 中 的 “背景 橡皮 擦 工具 ”按钮 名 }|， 再 单 击 选项 栏 中 的 “画笔 预 设 ” 下 拉 箭 头 ， 在 弹出 的 下 拉面 板 中 设置 


“大 小 ”为 264 像 素 ，“ 硬 度 ” 为 0%， 单 击 “ 取 样 : 背景 色 板 ” 按 钮 四 ， 设 置 其 “ 容 差 ” 为 50%， 并 选中 “保护 前 景色 ” 复 
选 框 ， 如 图 7-75 所 示 。 
EB 回 到 图 像 中 ， 从 右上 角 盘 子 边缘 区 域 开始 涂抹 ， 可 以 看 到 背景 部 分 变 为 透明 ， 而 盘子 部 分 完全 被 保留 下 来 ， 如 图 7-76 


所 示 。 


使 用 同样 的 方法 进行 涂抹 ， 需 要 注意 的 是 ， 当 擦 除 到 图 像 中 颜色 与 当前 的 前 景色 背景 色 不 匹配 时 ， 需 要 重新 按照 步 
又 敬 的 方法 进行 重新 设置 ， 如 图 7-77 和 图 7-78 所 示 。 


图 7-75 图 7-76 图 7-77 
了 项 为 了 使 控 除 效果 更 好 ， 可 以 多 次 修改 前 景色 与 背景 色 ， 执 行 “文件 > 置 入 嵌入 对 象 ”命令 ， 置 入 背景 素材 文件 
“2.jpg”， 将 其 放 在 副本 图 层 下 方 并 将 其 栅 格 化 ， 如 图 7-79 所 示 。 
加 在 背景 图 层 上 方 新 建 图 层 ， 单 击 工具 箱 中 的 “画笔 工具 ”按钮 L2j， 设 置 前 景色 为 黑色 ， 选 择 一 种 柔 边 圆 画 笔 ， 适 当 
调整 大 小 ， 绘 制 出 杯子 阴影 部 分 ， 如 图 7-80 所 示 。 


图 7-78 图 7-79 图 7-80 
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In 薄 冷 吾 


岛 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 擦 除 工具 的 使 用 方法 .flv 
加 技术 速 查 : “魔术 橡皮 擦 工具 ”是 一 种 基于 颜色 差异 擦 除 像素 的 工具 。 

使 用 “魔术 橡皮 擦 工具 ” 仿 . 可 以 将 颜色 相近 的 区 域 直 接 擦 除 。 使 用 该 工具 在 图 像 中 单 击 时 ， 与 光标 点 的 位 置 颜色 接近 的 
像素 都 会 被 更 改 为 透 
明 。 如 果 在 已 锁定 透 


小 Ee OM ON Nin THE: ow 
TRAST Py 00RER) « 


明度 的 图 层 中 工作 ， 。 衬 
这 些 像素 将 更 改 为 背 ” 记 才 
景色 。 单 击 工具 箱 中 。 写 妈 ， 
的 “魔术 橡皮 控 工 ” 国 @ 
具 ” 按 钮 交 ， 在 画 .TI 
面 中 的 背景 处 单 击 鼠 总 & 


标 左 键 ， 如 图 7-81 所 
示 。 可 以 看 到 背景 部 。 8 
分 全 部 变 为 了 透明 ， 全 
如 图 7-82 所 示 。 


图 7-81 图 7-82 


匠人 
| 高 手 小 贴 士 ， “连续 ”选项 的 作用 
选中 “连续 ” 复 选 框 时 ， 只 擦 除 与 单 击 点 像素 邻近 的 像素 。 不 选中 该 复 选 框 时 ， 可 以 擦 除 图 像 中 所 有 相似 的 像素 。 


1 
| 


[2 
名 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 仿 制图 章 工具 与 图 案 图 章 工具 .fiv 
办 技术 速 查 : 通过 “图 案 图 章 工具 ”可 以 使 用 预 设 图 案 或 载 入 的 图 案 进 行 绘画 。 

使 用 “图 案 图 章 工 具 ” 沁 .可 以 像 使 用 画笔 一 样 ， 在 画面 中 绘制 出 图 案 。 选 择 “图 案 图 章 工 具 ”， 在 选项 栏 中 设置 合适 的 
笔尖 大 小 ， 还 可 以 对 “模式 ”“ 不 透明 度 ”“ 流 量 ”进行 设置 ， 然 后 在 图 案 列表 中 选择 合适 的 图 案 。 接 着 在 画面 中 按 住 鼠 标 
左 键 进行 涂抹 ， 如 图 7-83 所 示 。 继 续 进 行 涂抹 ， 效 果 如 图 7-84 所 示 。 
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图 7-83 图 7-84 
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文人 路径。 第 7 章 \ 使 用 画笔 工具 制作 绚 画 计时 可 
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难 易 指数 
案例 效果 | 


案例 效果 如 图 7-85 所 示 。 


1 图 7-85 


i dh 指针 指示 位 置 呈 现 白炽 色 荧光 状态 ， 极 为 
显 ， 刻 度 盘 以 渐变 系 呈 现 ， 启 动 开关 时 圆 环 将 快速 切换 渐 

2 给 人 一 种 时 间 紧 迫 、 争 分 夺 秒 的 心理 暗示。 同时 ， 

时 、 竞 赛 及 各 种 要 求 有 较 精 确 计 时 的 APP 中 。 本 案例 的 计时 器 数字 之 间 的 不 透明 度 对 比 使 观 者 的 视觉 路 更 清晰 。 画 面 中 

整体 试图 营造 一 种 超脱 现实 的 科技 感 ， 故 而 采用 了 “极光 ” ; 的 文字 虽然 平 铺 于 上 中 下 3 部 分 ， 但 并 不 显 乱 无 序 ， 

这 -梦幻 又 迷人 的 元 素 。 极光 常常 出 现 于 纬度 靠近 地 磁极 地 :而 恰到好处 地 符 复合 人 们 的 视觉 角度 ， 并 起 到 丰富 版 面 的 效 

区 上 空 ， 一 般 呈 带 状 、 弧 状 、 幕 状 、 放 射 状 ， 是 一 种 绚丽 多 : 果 ， 如 图 7-88 所 示 为 优秀 的 计时 器 设计 作品 。 

彩 的 发 光 现 象 ， 如 图 7 86 和 图 7-87 所 示 。 根 据 极光 的 特点 ， 此 

计时 器 整体 以 暗色 调 打 底 ， 将 极光 抽象 为 环绕 在 计时 数字 周 

围 的 弧 形 光线 。 其 他 功能 信息 均 以 简洁 的 文字 形态 出 现 。 
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本 案例 为 一 款 计时 器 小 模块 的 UI 设计 方案 ， 常 用 于 计 


图 7-86 
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图 7-88 


i 该 计时 器 采用 对 比 色 搭 配 的 方式 ， 背 景 为 偏 暗 的 紫红 色 
: 调 的 渐变 色 ， 而 计时 器 主体 图 形 则 为 亮度 较 高 的 黄 绿色 系 的 
; 渐变 色 。 大 面积 的 暗 调 背景 搭配 小 面积 的 高 亮度 主体 图 形 ， 
; 使 界面 主体 内 容 清 晰 明确 ， 强 烈 的 对 比 又 给 人 以 力量 感 、 节 
; 奏 感 ， 如 图 7-89 所 示 。 


本 案例 圆 形 的 外 轮廓 使 版 面 不 再 拘谨 ， 并 且 具 有 较 强 : 图 7-89 


图 7-87 


1 制作 计时 器 的 光圈 效果 

(1) 执行 “文件 > 新 建 ” 命 令 ， 
创建 一 个 新 的 文档 。 接 下 来 制作 渐变 背 
景 。 选 择 工具 箱 中 的 “渐变 工具 ”， 单 
击 选项 栏 中 的 渐变 色 条 ， 在 弹出 的 “ 浙 
变 编辑 器 ”窗口 中 编辑 一 个 由 酒 红色 到 
黑色 的 渐变 色 条 ， 接 着 单 击 “ 线 性 渐 
变 ”按钮 ， 如 图 7-90 所 示 。 然 后 在 画面 
中 按 住 鼠 标 左 键 由 下 到 上 进行 拖 动 ， 松 
开 鼠 标 后 画面 效果 如 图 7-91 所 示 。 

(2) 在 画面 中 绘制 圆 形 作 为 计时 
器 外 轮廓。 在 工具 箱 中 右 击 形状 工具 gag 
组 ， 在 形状 工具 组 列表 中 选择 “椭圆 工 到 | 
具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 
“形状 ”，“ 填 充 ” 为 无 ，“ 描 边 ”为 o Cram rm w 二 页 ww 且 己 情 壤 | 丰 日 疡 睛 
淡 黄色 ， 如 图 7-92 所 示 。 设 置 完 成 后 在 | 总 国画 三 a = 
画面 中 按 住 鼠 标 左 键 并 按 住 Shift 键 拖 动 lo = rc 
绘制 正 圆 ， 如 图 7-93 所 示 。 | 下 

(3) 单 击 “ 图 层 ”面板 底部 的 
“添加 图 层 蒙 版 ”按钮 。 设 置 前 景色 为 
黑色 ， 选 择 工具 箱 中 的 “画笔 工具 ” 
在 “画笔 预 设 选取 器 ”中 设置 画笔 “大 
小 ”为 200 像 素 ， 选 择 常规 画笔 中 的 “和 柔 
边 圆 ”画笔 ， 如 图 7-94 所 示 。 然 后 在 圆 
形 底部 进行 涂抹 ， 利 用 图 层 蒙 版 将 其 进 
行 隐藏 ， 如 图 7-95 所 示 。 图 7-92 
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图 7-93 图 7-94 图 7-95 

(4) 在 圆 形 轮廓 内 制作 多 彩 绚 丽 圆 形 。 新 建 图 层 ， 设 置 前 景色 为 黄 绿色 ， 继 续 选择 “画笔 工具 ”， 在 “画笔 预 设 选取 
器 ”中 设置 画笔 “大 小 ”为 1100 像 素 ，“ 硬 度 ” 为 80%， 选 择 常规 画笔 中 的 “和 柔 边 圆 ”画笔 ， 如 图 7-96 所 示 。 然 后 在 圆 形 上 
方 单 击 鼠标 左 键 形成 一 个 黄 绿色 的 圆 形 ， 如 图 7-97 所 示 。 

(5) 选择 “橡皮 控 工 具 ”， 在 选项 栏 中 单 击 打开 “画笔 预 设 选取 器 ”， 设 置 “大 小 ”为 900 像 素 ，“ 硬 度 ” 为 80%， 如 
图 7-98 所 示 。 然 后 将 光标 移 到 黄 绿色 圆 形 内 上 方 ， 单 击 鼠 标 左 键 ， 此 时 呈现 空心 圆 效 果 ， 如 图 7-99 所 示 。 

(6) 使 用 “橡皮 擦 工具 ”在 黄 绿 色 圆 形 右 下 角 位 置 涂抹 ， 保 留 其 余部 分 ， 如 图 7-100 所 示 。 
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图 7-100 


(7) 单 击 选 中 该 图 层 ， 在 “图 层 ”面板 中 设置 该 图 层 的 “不 
透明 度 ”为 30%， 如 图 7-101 所 示 ， 此 时 效果 如 图 7-102 所 示 。 


图 7-102 


用 “画笔 工具 ”， 


(8) 新 建 图 层 。 将 前 景色 设置 为 柠檬 黄色 ， 继 续 使 
选项 栏 中 设置 画笔 “大 小 ”为 1000 像 
素 ， 然 后 在 画面 中 单 击 ， 如 图 7-103 所 示 。 接 着 使 用 “ 橡 
皮 擦 工具 ”， 按 上 述 相同 方法 制作 空心 圆 并 擦 去 多 余部 
分 ， 如 图 7-104 所 示 。 
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图 7-104 
(9) 单 击 选中 该 图 层 ， 在 “图 层 ” 面 板 中 设置 该 
图 层 的 “不 透明 度 ” 为 60%， 如 图 7-105 所 示 ， 此 时 效 
果 如 图 7-106 所 示 。 
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图 7-105 


图 7-106 


(10) 新 建 图 层 。 将 前 景色 设置 为 懋 红色 ， 使 用 同样 的 方法 继续 在 画面 中 绘制 ， 如 图 7-107 所 示 。 接 着 单 击 选中 该 图 层 ， 
在 “图 层 ”面板 中 设置 该 图 层 的 “不 透明 度 ” 为 80%，“ 混 合 模式 ”为 “ 滤 色 ”， 如 图 7-108 所 示 ， 此 时 效果 如 图 7-109 所 示 。 

(11) 用 同样 的 方法 设置 不 同 的 前 景色 ， 继 续 使 用 “画笔 工具 ”和 “橡皮 擦 工具 ”制作 多 彩 圆 形 ， 绘 制 完成 后 在 “图 
层 ” 面 板 中 调整 各 圆 形 图 层 的 “不 透明 度 ” 及 “混合 模式 ”， 此 时 效果 如 图 7-110 所 示 。 
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图 7-107 图 7-108 图 7-109 图 7-110 


针 。 在 工具 箱 中 右 击 形 状 工具 组 列表 中 选 
择 “ 多 边 形 工具 ”， 在 选项 栏 “绘制 模式 ”为 “ 形 
状 ”，“ 填 充 ” 为 白色 ，“ 描 边 ”为 无 ，“ 边 数 ”为 3， 设 
置 完成 后 在 圆 形 右 侧 拖 动 绘制 ， 如 图 7-111 所 示 。 


(1) 在 画面 中 输入 文字 。 首 先 输入 计时 器 内 的 数字 部 
分 。 选 择 工具 箱 中 的 “ 横 排 文字 工具 ”， 在 选项 栏 中 设置 
合适 的 字体 、 字 号 ， 文 字 颜 色 设置 为 白色 ， 设 置 完毕 后 在 
圆 形 内 部 单 击 ， 输 入 数字 ， 如 图 7-114 所 示 。 文 字 输 入 完毕 


io 后 ， 按 Ctrl+Enter 快 捷 键 确认 操作 ， 然 后 继续 在 画面 中 输入 
有 文字 ， 如 图 7-115 所 示 。 
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图 7-111 

(13) 单 击 选中 三 角形 图 层 ， 在 “图 层 ” 面 板 中 设置 该 
图 层 的 “不 透明 度 ” 为 80%， 如 图 7-112 所 示 ， 此 时 三 角形 效 
果 如 图 7-113 所 示 。 
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图 7-114 
(2) 单 击 选中 该 数字 图 层 ， 在 “图 层 ”面板 中 设置 该 
图 层 的 “不 透明 度 ” 为 50%， 如 图 7-116 所 示 ， 此 时 数字 效果 
如 图 7-117 所 示 。 
(3) 用 同样 的 方法 ， 继 续 使 用 “ 横 排 文字 工具 ”在 画 
面 中 其 他 位 置 输入 合适 的 文字 ， 并 在 选项 栏 中 设置 合适 的 字 
图 7-112 图 7-113 体 、 字 号 ， 颜 色 设置 为 白色 。 然 后 在 “图 层 ” 面 板 中 设置 各 


文字 图 层 的 “不 透明 度 ”， 文 字 效果 如 图 7-118 所 示 。 
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图 7-115 


图 7-117 图 7-118 


(4) 在 画面 周围 制作 暗 角 效果 。 设 置 前 景色 为 黑色 ， 
选择 “画笔 工具 ”， 在 选项 栏 中 设置 画笔 “大 小 ”为 300 像 
素 ，“ 不 透明 度 ” 为 60%，“ 流 量 ” 为 70%，“ 平 滑 ” 为 
5%， 设 置 完成 后 在 画面 四 角 处 按 住 鼠 标 拖 动 图 层 ， 如 图 7-119 
所 示 。 
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图 7-119 


将 其 他 图 层 隐 藏 ， 可 以 更 清晰 地 查看 瞳 角 涂抹 的 位 
置 ， 如 图 7-120 所 示 。 


图 7-120 


(5) 将 前 景色 设置 为 柠檬 黄色 ， 在 选项 栏 中 设置 画笔 
“大 小 ”为 200 像 素 ，“ 平 滑 ”为 20%， 接 着 在 三 角形 指针 
左 侧 涂抹 ， 如 图 7-121 所 示 。 


100% 
图 7-121 
(6) 新 建 图 层 ， 将 前 景色 设置 为 白色 ， 继 续 使 用 “ 夯 
笔 工 具 ”， 设 置 画笔 “大 小 ”为 150 像 素 ， 接 着 在 绘制 完 的 
黄色 图 层 上 方 涂抹 ， 制 作 白色 高 光 ， 如 图 7-122 所 示 。 
(7) 在 “图 层 ” 面 板 中 选中 白色 高 光 图 层 ， 执 行 “ 图 
层 > 图 层 样式 > 外 发 光 ” 命 令 ， 在 弹出 的 “图 层 样式 ”对 话 杠 
中 设置 “混合 模式 ”为 “ 滤 色 ”，“ 不 透明 度 ” 为 73%， 颜 
色 为 柠 样 黄色 ，“ 方 法 ”为 “柔和 ”，“ 大 小 ”为 92 像 素 ， 
“范围 ”为 50%， 如 图 7-123 示 ， 最 终 效果 如 图 7-124 所 示 。 
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创建 不 同类 型 的 文字 


“WS 
0 视频 精 讲 : Photoshop 新 手 学 视频 精 讲 课堂 \ 文 字 的 创建 、 编 辑 与 使 用 .fv 
在 Photoshop 的 文字 工具 组 中 包括 4 个 工具 : “ 横 排 文字 工具 ” 国 、“ 直 排 文 字 工 sm 


市 
关上 县” 国 、“ 直 排 文字 莹 版 工具 ”图 和 “ 横 排 文字 莹 版 工具 ” 国 ， 如 图 8-1 所 示 。“ 横 排 广 i 
了 字 工 具 ” 和 “ 直 排 文字 工具 ”主要 用 来 创建 实体 文字 ， 而 “ 横 排 文字 葵 版 工具 ”和 “ 直 排 这 横 排 文 字 莹 版 I 具 
全 文字 蒙 版 工具 ” 则 用 来 创建 文字 形状 的 选区 。 文 字 工 具 与 文字 蒙 版 工具 的 使 用 方法 基本 相 和 
外 同 ， 只 是 得 到 的 内 容 不 同 。 文 字 工具 会 创建 出 文字 图 层 ， 而 文字 蒙 版 工具 只 能 得 到 选区 。 
4 
3 8.1.1 文字 工具 选项 详解 
中 
让 “ 横 排 文字 工具 ”用 加 和 “ 直 排 文字 工具 ”[ 国 的 使 用 方法 相同 ， 差 别 在 于 输入 文字 的 排列 方式 不 同 ，“ 横 排 文 字 工具 ” 
| 输入 的 文字 是 横向 排列 的 ， 是 目 = 开 
前 最 为 常用 的 文字 排列 方式 ， 如 。 复 返 但 空 鹿 
加 图 8-2 所 示 。 而 “ 直 排 文字 工具 ” * > 时 六 山 柴 
输入 的 文字 是 纵向 排列 的 ， 常 用 < 不 
8 弹 。 于 古典 感 文字 以 及 日 文 版 面 的 编 道 "an s wih youg 2 苦 深 语 见 
排 ， 如 图 8-3 所 示 。 上 林 响 人 
在 输入 文字 之 前 需要 对 文字 > ~ 
的 字体 、 大 小 、 颜 色 等 属性 进行 2 ' 
设置 。 这 些 设置 都 可 以 在 文字 工 Be 总 
具 的 选项 栏 中 进行 。 单 击 工具 箱 二 
中 的 “ 横 排 文字 工具 ”按钮 加 更 改 字体 方向 大 小 对 章 方式 3 | 从 文本 创建 3D 
选项 栏 如 图 8-4 所 示 。 也 可 以 在 文 四 下 ce | EE “I 而 mm SV 
字 制 作 完成 后 ， 选 中 文字 对 象 字条。 字体 笠 式 消除 名 a | 
提交 当前 编辑 


然后 在 选项 栏 中 更 改 参数 。 
图 8-4 


全 站 选项 解 污 : 文字 工具 选项 栏 
从 下 切换 文本 取向 :在 选项 栏 中 单 击 “ 切 换文 本 取向 ”按钮 ， 横 向 排列 的 文字 将 变 为 直 排 ， 直 排 文字 变 横 排 。 也 可 以 执 | 
行 “ 文 字 > 取 向 > 水 平 /垂直 ”命令 ， 如 图 8-5 所 示 为 对 比 效 果 。 : 


| i We 
i 空山 不 见 人 ， 
人 全 下 、 < 这 ”但 闻 人 语 响 。 
上 林 响 人 返 景 入 深 林 ， 
~ 、” 复归 青 苦 上 6 ，% 
图 8-5 i 
加 [ma [| 设置 字体; 在 选项 栏 中 单 击 “ 设 置 字体 ”下 拉 往 头 ， 可 在 下 拉 列 表 中 选择 合适 的 字体 ， 如 图 8-6 和 | 


图 8-7 所 示 为 不 同 字体 的 效果 。 | 
加 [ease [7] 设置 字体 样式 ， 字体 样式 只 针对 部 分 英文 字体 有 效 。 输 入 字符 后 ， 可 以 在 选项 栏 中 设置 字体 的 样式 ， 包 含 
Regular (规则 ) 、lalic (斜体 ) 、Bold ( 碍 体 ) 和 Bold ltalic ( 碍 斜体 ) 。 


庆 些 鹿 柴 


> wr : >、 空山 不 见 人 人 ， 
由 全 但 和 而 人 主 ' 壬 。 3 访 但 阅 人 语 敖 。 " 
芝 入 入 了 保质， 返 景 入 深 补 ， 
启 味 去 团 上 。  ， 者 照 部 玫 上 和 全国 
图 8-6 图 8-7 


-] 没 置 字体 大 小 : 想 要 设置 文字 的 大 小 可 以 直接 在 选项 栏 中 输入 数值 ， 也 可 以 在 下 拉 列 表 中 选择 预 设 的 字 ， 

体 大 小 。 若 要 改变 部 分 字符 的 大 小 则 需要 选中 该 字符 后 进行 设置 。 

的 RCR 消除 锯齿: 输入 文字 以 后 ， 可 以 在 选项 栏 中 为 文字 指定 一 种 消除 句 妆 的 方式 。 选择 “无 ”方式 时 ，Photoshop 
不 会 应 用 消除 锯 咨 文字 边缘 会 呈现 出 不 平滑 的 效果 ; 选择 “锐利 ”方式 时 ， 文 字 的 边缘 最 为 锐利 ; 选择 “犀利 ” ， 


© Ts 


方式 时 ， 文 字 的 边缘 就 比较 锐利 ;选择 “浑厚 ”方式 时 ， 文 字 会 变 粗 一 些 ， 选择 “平滑 ”方式 时 ， 文 字 的 边缘 会 非 ， 
常平 滑 。 如 图 8-8 所 示 为 选择 不 同方 式 的 对 比 效 果 。 : 
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犀利 
图 8-8 
仿 国 国 可 设置 文本 对 齐 : 根据 输入 字符 时 光标 的 位 置 来 设置 文本 对 齐 方式 。 如 图 8-9 所 示 为 不 同 对 齐 方式 的 对 比 效果 。 
中 | i 
诗 些 鹿 紫 鹿 柴 


| 空 参 水 见 人 ， 空山 刊 见 人 ， 空 山 不 见 人 有 | 
但 脱光 语 瞩 。。 但 闭 久 语 车 。 得 闭 人 滞 千 ol 
省 吸 广 深 林 ，[ 返 景 州 深 林 ， 返 景 入 深 宁 ， 
省 照 青 关上。 ”和 揽 照 戎 首 上 。 做 照 青 苔 证。 
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图 8-9 


昌国 设 置 文 木 扫 色 :， 单 去 色 块 ， 在 弹出 的 “失色 器 ”对 话 框 中 可 以 设置 文字 颜色 。 如 果 要 修改 已 有 文字 的 颜色 ， 可 以 
先 在 文档 中 选择 文本 ， 然 后 在 选项 栏 中 单 击 颜色 块 ， 接 着 在 弹出 的 对 话 框 中 设置 所 需要 的 颜色 。 | 

仿 工 | 创建 文字 变形 ， 选 中 文本 ， 单 击 该 按钮 即 可 在 弹出 的 对 话 框 中 为 文本 设置 变形 效果 。 

全 旧 切换 字符 和 段落 面板 。 单 击 该 按钮 即 可 打开 “字符 ”和 “段落 ”面板 。 

名 @ 取 消 当前 编辑 ， 在 文本 输入 或 编辑 状态 下 显示 该 按钮 ， 单 去 即 可 取消 当前 的 编辑 操作 。 | 

人 9 提交 当前 编辑 操作 在 文本 输入 或 编辑 状态 下 显示 该 按钮 ， 单 去 即 可 确定 并 完成 当前 的 文字 输入 或 编辑 操作 。 文 本 
输入 完成 后 需要 单 击 该 按钮 完成 操作 ， 或 者 按 Ctrl+Enter 快 捷 键 完 成 操作 。 

@@ 加 从 文本 创建 3D: 单 击 该 按钮 ， 即 可 将 文本 对 象 转换 为 带 有 立体 感 的 30 对象， 关于 5D 对 象 的 编辑 将 在 后 面 章节 进行 
讲解。 | 
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一 
@ 技术 速 查 : 点 文字 是 一 个 水 平 或 垂直 的 文本 行 . 每 行文 字 都 是 独立 的 。 行 的 长 度 随 着 文字 的 输入 而 不 断 增加 ， 不 会 进行 

自动 换行 ,需要 手动 使 用 Enter 键 进行 换行 。 

“点 文字 ”是 最 常用 的 文本 形式 ， 在 点 文字 输入 状态 下 输入 的 文字 会 一 直 沿 着 横向 或 纵向 进行 排列 ， 输 入 过 多 的 文字 其 
至 会 超出 画面 的 区 域 ， 如 果 想 要 换行 需要 按 Enter 键 。 点 文字 常用 于 较 短文 字 的 输入 ， 例 如 文章 标题 、 海 报 上 少量 的 宣传 文 
字 、 艺 术 字 等 。 

(1) 点 文字 的 创建 方法 非常 简单 ， 单 击 工 具 箱 中 的 “ 横 排 文 字 工具 ”按钮 T.， 在 选项 栏 中 可 以 进行 字体 、 字 号 、 颜 色 
的 设置 。 设 置 完成 后 在 画面 中 单 击 〈 单 击 处 为 文字 的 起 点 ) ， 画 面 中 会 出 现 闪烁 的 光标 ， 如 图 8-10 所 示 。 输 入 文字 ， 文 字 会 
沿 横向 进行 排列 。 单 击 选项 栏 中 的 Y| 按 钮 (或 按 Ctrl+Enter 快 捷 键 》， 完 成 文字 的 输入 ， 如 图 8-11 所 示 。 

(2) “图 层 ”面板 中 出 现 了 一 个 新 的 文字 图 层 。 如 果 要 修改 整个 文本 图 层 的 字体 、 字 号 等 属性 ， 可 以 在 “图 层 ” 面 板 
中 单 击 选中 文字 图 层 ， 如 图 8-12 所 示 。 接 着 可 以 在 选项 栏 或 “字符 ”面板 、“ 段 落 ” 面 板 中 更 改 字符 属性 ， 如 图 8-13 所 示 。 
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图 8-10 图 8-11 图 8-12 


(3) 如 果 要 修改 文本 内 容 ， 可 以 将 光标 放置 在 要 修改 的 内 容 前 面 ， 按 住 鼠 标 左 键 并 向 后 拖 动 ， 如 图 8-14 所 示 。 选 中 需要 
更 改 的 字符 ， 如 图 8-15 所 示 。 然 后 输入 新 的 字符 即 可 ， 如 图 8-16 所 示 。 
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图 8-13 图 8-14 图 8-15 


(4) 在 文字 输入 的 状态 下 ， 想 要 移动 文字 时 ， 可 以 将 光标 移动 到 文字 内 容 的 旁边 ， 光 标 变 为 Ps 时 ， 如 图 8-17 所 示 。 按 住 
鼠标 左 键 并 移动 即 可 ， 如 图 8-18 所 示 。 


图 8-17 图 8-18 


案例 效果 
案例 效果 如 图 8-19 所 示 。 
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图 8-19 


操作 步骤 


执行 “文件 > 新 建 ”命令 ， 打 开 “ 新 建文 档 ” 对 话 框 。 
在 对 话 框 项 部 选择 “移动 设备 ”选项 卡 ， 单 击 iPhone 6 Plus 按 ; 
钮 ， 设 置 “分 辨 率 ”为 72 像 素 /英寸 “颜色 模式 ”为 “RGB 颜 
色 ”，“ 背 景 颜 色 ” 为 白色 。 单 击 “ 创 建 ” 按 钮 创建 新 的 文档 ， 
如 图 8-20 所 示 。 


Ca 
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图 8-20 i 

区 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 在 弹出 的 对 话 框 中 : 
选择 “1.jpg”， 单 击 “ 置 入 ”按钮 。 接 着 将 置 入 的 素材 摆 放 在 画 
面 中 合适 的 位 置 ， 将 光标 放 在 素材 一 角 处 ， 按 住 Shift 键 的 同时 按 
住 鼠标 左 键 并 拖 动 ， 等 比例 缩放 该 素材 ， 如 图 8-21 所 示 。 调 整 完 : 
成 后 按 Enter 键 完成 置 入 。 : 


图 8-21 
工具 ”， 在 选项 栏 中 设置 “绘制 
“填充 ”为 白色 ，“ 描 边 ” 为 
EShift 键 的 同时 按 住 鼠标 左 键 并 


选择 “ 椭 
无 ， 设 置 完 成 后 在 按 


:“ 拖 动 ， 在 画面 中 绘制 正 圆 ， 如 图 8-22 所 示 。 
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图 8-22 


葬 在 正 圆 内 输入 文字 。 选 择 工具 箱 中 的 “ 横 排 
文字 工具 ”， 在 选项 栏 中 设置 合适 的 字体 ， 设 置 字号 
为 237 点 ， 文 字 颜色 为 深蓝 色 ， 设 置 完 毕 后 在 画面 中 的 
正 圆 内 单 击 鼠 标 左 键 ， 插 入 光标 ， 如 图 8-23 所 示 。 接 着 


输入 文字 ， 文 字 输 入 完毕 后 按 Ctl+Enter 快 捷 键 完成 办 


入 ， 如 图 8-24 所 示 。 
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图 8-23 
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[B 在 画面 中 输入 文字 。 用 同样 的 方法 ， 继 续 使 用 “ 横 排 文字 工具 ”， 在 不 选中 任何 文字 图 层 时 ， 在 选项 栏 中 设置 合适 
的 字体 ， 并 设置 “字号 ”为 80 点 ，“ 颜 色 ” 为 白色 。 设 置 完成 后 ， 在 正 圆 下 方 输入 文字 ， 如 图 8-25 所 示 。 文 字 输 入 完毕 后 按 
Ctrl+Enter 快 捷 键 完成 输入 。 


滞 


图 8-24 


EB 制作 底部 渐变 效果 。 新 建 图 层 。 选 择 工 具 箱 中 的 “渐变 工具 ”， 在 选项 栏 中 单 击 ， 在 打开 的 “渐变 编辑 器 ”窗口 中 
编辑 一 种 黑色 到 透明 的 渐变 ， 接 着 单 击 “确定 ”按钮 。 再 单 击 选项 栏 中 的 “线性 渐变 ”按钮 ， 如 图 8-26 所 示 。 然 后 在 画面 中 
按 住 鼠 标 左 键 自 下 而 上 拖 动 ， 如 图 8-27 所 示 ， 松 开 鼠 标 后 生成 的 渐变 效果 如 图 8-28 所 示 。 
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图 8-26 图 8-27 图 8-28 

ED 在 界面 底部 输入 文字 。 选 择 工 具 箱 中 的 “ 横 排 文 字 工 具 ”， 在 选项 栏 中 设置 合适 的 字体 ，“ 字 号 ”设置 为 25 点 ， 文 字 

颜色 设置 为 白色 ， 单 击 “ 切 换 字符 和 段落 面板 ”按钮 ， 在 弹出 的 “字符 ”面板 中 设置 “ 字 距 ”为 1500， 设 置 完毕 后 ， 在 界面 底 
部 位 置 单 击 插入 光标 ， 输 入 文字 ， 如 图 8-29 所 示 。 文 字 输 入 完毕 后 ， 按 CtrltEnter 快 捷 键 ， 画 面 最 终 效果 如 图 8-30 所 示 。 


8-30 


“ 直 排 文字 工具 ”的 使 用 方法 与 “ 横 排 文字 工具 ”相同 ， 在 直 排 文字 输入 状态 下 输入 的 文字 会 一 直 沿 着 纵向 进行 排列 ， 
例如 诗词 歌 赋 、 日 文 等 都 经 常 使 用 “ 直 排 文字 工具 ”进行 排列 。 

(1) 单 击 工具 箱 中 的 “ 直 排 文字 工具 ”按钮 代 . ， 在 选项 栏 中 可 以 进行 字体 、 字 号 、 颜 色 的 设置 。 设 置 完成 后 在 画面 中 
单 击 输入 文字 ， 文 字 会 沿 纵向 进行 排列 ， 如 图 8-31 所 示 。 此 时 文字 超出 画面 区 域 ， 接 下 来 在 第 一 句 诗 词 的 句号 后 按 Enter 键 使 
文字 切换 到 下 一 行 ， 如 图 8-32 所 示 。 

(2) 继续 输入 文字 ， 输 入 完成 后 单 击 选项 栏 中 的 Y 按钮 (或 按 Ctrl+Enter 快 捷 键 ) ， 完 成 输入 ， 如 图 8-33 所 示 。 
PE | 
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图 8-31 图 8-32 


@ 技术 速 查 : 段落 文字 由 于 具有 自动 换行 、 可 调整 文字 区 域 大 小 等 优势 ， 所 以 常用 于 大 量 的 文本 排版 中 。 
“段落 文字 ”可 以 将 文字 限定 在 一 个 矩形 范围 内 ， 在 这 个 矩形 区 域 中 ， 文 字 会 自动 换行 ， 另 外 还 可 以 方便 地 调整 文字 
域 的 大 小 。 Lr mn 
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(1) 选择 工具 箱 中 的 “ 横 排 “3 . 
文字 工具 ”， 在 选项 栏 中 设置 合 3% i 
适 的 字体 、 字 号 、 文 字 颜色 和 对 > ee de ee 
齐 方式 。 然 后 在 画布 中 按 住 鼠 标 Fe lo duty show that there were giants afloat in those days in the 


左 键 并 拖 动 ， 绘 制 出 一 个 矩形 的 
文本 框 ， 如 图 8-34 所 示 。 在 其 中 输 
入 文字 ， 文 字 会 自动 排列 在 文本 杠 
中 ， 如 图 8-35 所 示 。 将 光标 移 到 文 
本 框 边缘 处 ， 按 住 鼠 标 左 键 并 拖 动 
即 可 调整 文本 框 的 大 小 。 pe 


EP 
a 


KW 高 Fi 文本 让 ee. | ee 和 和 


定 界 框 不 能 显示 全 部 文字 时 ， 右 下 角 的 控制 点 会 变 为 -由 状 ， 将 定 办 要 
| 调 大 即 可 看 到 隐藏 的 字符 。 


(2) 还 可 以 对 文本 框 进行 旋转 。 将 光标 放 在 文本 框 一 角 处 ， 当 指针 变 为 


弯曲 的 双向 箭头 & 时 ， 按 住 鼠 标 左 键 并 拖 动 鼠标 ， 可 以 旋转 文本 框 ， 文 本 框 中 回 :|:.]. 'T' 
的 文字 也 会 随 之 旋转 〈 在 旋转 过 程 中 ， 如 果 按 住 Shift 键 ， 能 够 以 15” 角 为 增 国画 加 天 画 


量 进行 旋转 ) ， 如 图 8-36 所 示 。 
图 8-36 
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(3) 如 果 想 要 完成 对 文本 的 编辑 操作 ， 可 以 单 击 工具 选项 栏 中 的 ”按钮 或 者 按 Ctrl+Enter 快 捷 键 ， 如 果 要 放弃 对 文字 的 
修改 ， 可 以 单 击 工具 选项 栏 中 的 B 按 钮 或 者 按 Esc 键 。 


“路 径 文字 ”是 一 种 会 按照 路 径 的 形态 进行 排列 的 文字 行 。 

首先 绘制 一 段 路 径 ， 然 后 选择 “ 横 排 文字 工具 ”， 接 着 将 光标 移 至 路 径 上 方 ， 光 标 变 为 天 状 后 单 击 鼠 标 左 键 即 可 插入 光 
标 ， 如 图 8-37 所 示 。 接 着 输入 文字 ， 文 字 会 沿 着 路 径 进 行 排列 ， 如 图 8-38 所 示 。 改 变 路 径 形状 时 ， 文 字 的 排列 方式 也 会 随 之 
发 生 改变 ， 如 图 8-39 所 示 。 
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图 8-37 图 8-38 图 8-39 


选择 工具 箱 中 的 “直接 选择 工具 ” 基 蝇 ， 将 光标 移 至 路 径 上 方 ， 当 光标 变 为 吉 或 有 状 时 ， 过 全 久 可 以 放下 
稚 文 字 的 起 或 终点 。 


名 技术 速 查 : 区 域 文字 常用 于 制作 走向 不 规则 的 文字 行 效果 。 

首先 绘制 一 条 闭合 路 径 ， 选 择 工具 箱 中 的 “ 横 排 文 字 工具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 及 文字 颜色 ， 然 后 将 光标 
移 至 路 径 内 ， 此 时 光标 会 变 为 亿 状 ， 如 图 8-40 所 示 。 单 击 鼠 标 左 键 插入 光标 ， 可 以 观察 到 圆 形 形状 周围 出 现 文本 框 ， 如 图 8-41 
所 示 。 接 着 输入 文字 ， 可 以 观察 到 文字 只 在 路 径 内 排列 ， 文 字 输入 完成 后 ， 单 击 选 项 栏 中 的 “提交 当前 操作 ”按钮 ， 完 成 
区 域 文 字 的 制作 ， 如 图 8-42 所 示 。 单 击 其 他 图 层 即 可 隐藏 路 径 。 
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操作 步骤 
了 执行 “文件 > 新 建 ”命令 ， 打 开 “ 新 建文 档 ” 对 话 框 。 


在 对 话 框 顶 部 选择 “移动 设备 ”选项 卡 ， 单 击 iPhone 6 Plus 按 
案例 效果 钮 ， 将 “分 辩 率 ”设置 为 72 像 素 /英寸 ， 将 “颜色 模式 ”设置 为 
案例 效果 如 图 8-43 所 示 。 “RGB 颜色 ”， 单 击 “ 创 建 ” 按 钮 创建 新 的 文档 ， 如 图 8-44 所 示 。 
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执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 在 弹出 的 对 话 框 中 选择 “1.png”， 单 击 “ 置 入 ”按钮 。 接 着 将 置 入 的 素材 摆 放 
在 画面 左上 和 角 的 位 置 ， 调 整 完成 后 按 Enter 键 完成 置 入 ， 如 图 8-45 所 示 。 在 “图 层 ”面板 中 右 击 该 图 层 ， 在 弹出 的 快捷 菜单 中 
执行 “ 栅 格 化 图 层 ” 命 令 ， 如 图 8-46 所 示 。 

加 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 置 入 素材 “2.png”， 捍 放 在 合适 位 置 ， 按 Enter 键 确定 置 入 操作 ， 如 图 8-47 所 示 。 
接着 将 其 栅 格 化 ， 如 图 8-48 所 示 。 


图 8-45 图 8-46 图 8-47 图 8-48 


加 选择 工具 箱 中 的 “ 模 排 文字 工具 ”， 在 选项 栏 中 设置 合适 的 字体 ， 字 号 设置 为 84 点 ， 文 字 颜 色 设置 为 深 灰色 ， 字 符 
对 齐 方式 设置 为 “ 左 对 齐 文本 ”。 设 置 完毕 后 在 画面 顶部 单 击 ， 输 入 文字 ， 如 图 8-49 所 示 。 

了 9 制作 标题 栏 的 分 割 线 。 选 择 “ 拢 形 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ”为 深 灰 色 ，“ 描 
边 "为 无 ， 然 后 在 图 案 和 文 rr 


字 下 方 按 住 鼠 标 左 键 并 拖 =- 

动 ， 绘 制 一 个 细 长 的 矩形 ，“ 吕 世 党 THE STORY a 
如 图 8-50 所 示 。 执 行 “ 文 件 > 于 经. 

置 入 嵌入 对 象 ” 命令, 置 入 2， < 

卡通 素材 “3.jpg”， 摆 放 在 2“ 国 : 2 

标题 栏 下 方位 置 ， 按 Enter 键 3 也 


确定 置 入 操作 ， 并 将 其 栅 格 
化 ， 如 图 8-51 所 示 。 
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图 8-49 图 8-50 
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区 在 标题 栏 与 主 图 之 间 空白 的 位 置 绘制 “上 一 页 ”图 标 。 选 择 工具 箱 中 的 “钢笔 工具 ”， 在 选项 栏 中 设置 “绘制 模 
式 ” 为 “形状 ”，“ 填 充 ” 为 深 灰色 ，“ 描 边 ” 为 无 ， 设 置 完成 后 在 画面 中 单 击 鼠 标 左 键 进行 绘 制 ， 如 图 8-52 所 示 。 接 着 使 
用 “ 横 排 文字 工具 ”在 图 标 右 侧 位 置 输入 文字 ， 并 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 颜 色 设置 为 深 灰 色 ， 如 图 8-53 所 示 。 
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图 8-51 图 8-52 


图 8-53 
可 在 图 片 下 方 输入 文字 。 继 续 使 用 “ 横 排 文 字 工 具 ” 输 入 合适 的 文字 ， 并 在 选项 栏 中 设置 合适 的 字体 、 字 号 及 颜色 ， 


如 图 8-54 和 图 8-55 所 示 。 
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图 8-54 图 8-55 


区 在 画面 中 输入 段落 文字 。 选 择 “ 横 排 文 字 工具 ”， 在 版 面 下 方 空白 位 置 按 住 鼠 标 左 键 并 拖 动 ， 绘 制 一 个 文本 框 ， 如 
图 8-56 所 示 。 接 着 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 颜 色 设 置 为 黑色 ， 并 设置 对 齐 方式 为 “ 左 对 齐 ”， 接 着 在 文本 框 内 输 
入 文字 ， 如 图 8-57 所 示 。 

了 正文 页 面 制作 完成 ， 案 例 完成 效果 如 图 8-58 所 示 。 
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图 8-58 


韶 技术 速 查 : 使 用 文 具 可 以 创建 文字 选区 
(1) 单 击 工具 箱 中 的 “ 横 排 文字 蒙 版 工具 ”按钮 于 ， 在 选项 栏 中 进行 字体 、 字 号 、 对 齐 方 式 的 设置 。 然 后 在 画面 中 
单 击 ， 画 面 被 半 透 明 的 蒙 版 所 覆盖 ， 如 图 8-59 所 示 。 输 入 文字 ， 文 字 部 分 显现 出 原始 图 像 内 容 ， 如 图 8-60 所 示 。 
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图 8-59 图 8-60 
(2) 文字 输入 完成 后 在 选项 栏 中 单 击 “ 提 交 当 前 编辑 ”按钮 W ， 文 字 将 以 选区 的 形式 出 现 ， 如 图 8-61 所 示 。 在 文字 选 
区 中 ， 可 以 进行 填充 〈 前 景色 、 背 景色 、 渐 变色 、 图 案 等 ) ， 也 可 以 对 选区 中 的 图 案 内 容 进 行 编辑 ， 效 果 如 图 8-62 所 示 。 
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图 8-61 图 8-62 
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“字符 ”面板 和 “段落 ”面板 是 进行 文字 版 面 编排 时 最 常 使 用 的 功能 ， 在 其 中 可 以 进行 大 量 的 关于 文字 属性 的 参数 设置 。 


8.3.1 使 用 “字符 ”面板 


@ 技术 速 查 字符 ”面板 中 有 比 文字 工具 选项 栏 更 多 的 调整 选 

虽然 在 文字 工具 的 选项 栏 中 可 以 进行 一 些 文字 属性 的 设置 ， 但 是 选项 栏 中 并 不 是 全 部 的 文字 属性 。 执 行 “窗口 > 字符 ” 
命令 ， 打 开 “ 字 符 ” 面 板 。 该 面板 专门 用 来 定义 页 面 中 字符 的 属性 。 在 “字符 ”面板 中 ， 除 了 包括 常见 的 字体 系列 、 字 体 样 
式 、 字 体 大 小 、 文 字 颜 色 和 消除 锯齿 等 设置 之 外 ， 还 包括 例如 行距 、 字 距 等 常见 设置 ， 如 图 8-63 所 示 。 


图 


@ 


壮志 HIn 本 册 oo 让 


® 
卫 
= 
Ea 
a} 
Wm 
a 
ke 
已 
QO 
oO 


泌 IN 洒 准 刁 


字体 大 小 -区 


字 距 微调 wh 


垂直 缩放 -To% | 


工 wx 一 水 平 缩放 


基线 偏 移 -05 二: 国 且 一文 本 项 色 
[TESTES 文字 样式 
-OpenType 功 能 


, 医 -mn i -一 消除 锯齿 


图 8-63 


比 效 果 。 


[Ej 潜 大 解 寥 “字符 ”面板 详解 。 


四 医 设 置 行距 ; 行距 就 是 上 一 行文 字 基 线 与 下 一 行文 字 基 线 之 间 的 距离 。 选 择 需要 调整 的 文字 图 层 ， 然 后 在 “设置 行 | 
距 ” 数 值 框 中 输入 行距 数值 或 在 其 下 拉 列 表 中 选择 预 设 的 行距 值 ， 接 着 按 Enter 键 即 可 。 如 图 8-64 所 示 为 不 同 数值 的 对 
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图 8-64 
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全 吻 字 中 微调， 用 于 设置 两 个 字符 之 间 的 字 距 微调 。 在 设置 时 先 要 将 光标 插入 需要 进行 字 距 微调 的 两 个 字符 之 间 ， 然 后 | 


在 数值 框 中 输入 所 需 的 字 距 微调 数量 。 输 入 正 值 时 ， 字 距 会 扩大 ; 输入 负 值 时 ， 字 距 会 缩小 。 如 图 8-65 所 示 为 不 同 数 | 


值 的 对 比 效果 。 


镶 加 宇 距 调整 : 字 距 用 于 设置 文字 的 字符 间距 。 输 入 正 值 时 ， 字 距 会 扩大 ; 输入 负 值 时 ， 字 距 会 缩小 。 如 图 8-66 所 示 为 | 


不 同 数值 的 对 比 效果 。 


字 距 微调 : 0 


图 8-65 


字 距 微调 : 150 
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字 距 : 300 


图 8-66 


名 病 比 例 间距 : 比例 间距 是 按 指定 的 百分比 来 减少 字符 周围 的 空间 。 因 此 ， 字 符 本 身 并 不 会 被 伸展 或 挤 压 ， 


间 的 间距 被 伸展 或 挤 压 了 。 如 图 8-67 所 示 为 不 同 数值 的 对 比 效果 。 


SUMMER 


比例 间距 : 0 比例 间距 : 100 
图 8-67 
名 盾 竺 直 缩放 / 国 水 平 缩放 :用 于 设置 文字 的 垂直 或 水 平 缩放 比例 ， 以 调整 文字 的 高 度 或 宽度 。 


加 外 基线 偏 移 ， 基线 偏 移 用 来 设置 文字 与 文字 基线 之 间 的 距离 。 输 入 正 值 时 ， 文 字 会 上 移 ; 输入 负 值 时 ， 文 字 会 下 移 。 
如 图 8-68 所 示 为 不 同 数值 的 对 比 效果 。 


| 基线 偏 移 : -50 
| 图 8-68 


多 了 TITTTT' TI 宇文 字样 式 : 设置 文字 的 效果 ， 包 括 仿 碍 体 ' 贡 、 仿 针 体 人 、 全 部 大 写字 母 TZT、 小 型 大 写字 母 Tr 、 
上 标 卫 *、 下 标 了 Ti、 下 划 线 工 、 删 除 线 军 ， 如 图 8-69 所 示 。 
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@@ 人 fc 贡 用 天 了 1s %Open Type 功 能 :包括 标准 连 字 国 、 上 下 文 蔡 代 字 国 、 自 由 连 字 萎 、 花 饰 字 玩 、 文 休 普 代 | 
字 喜 、 标 题 苦 代 字 佬 、 序 数字 [中 、 分 数字 驳 。 : 

章 语言 设置 : 用 于 设置 文本 连 字符 和 拼写 的 语言 类 型 。 

名 消除 锯齿 方式 ， 输 入 文字 以 后 ， 可 以 在 选项 栏 中 为 文字 指定 一 种 消除 锯齿 的 方式 。 


因 技术 速 查 : “段落 ”面板 提供 了 用 于 设置 段落 编排 格式 的 参数 选项 。 
“段落 ”面板 用 于 设置 文本 段落 的 属性 ， 例 如 文字 的 对 齐 方式 、 缩 进 方 
式 、 避 头 尾 设置 、 标 点 挤 压 设置 、 连 字 等 属性 。 选 中 文本 对 象 ， 单 击 选项 栏 
中 的 “段落 ”按钮 或 执行 “窗口 > 段落 ”命令 ， 可 以 打开 “段落 ”面板 ， 如 
图 8-70 所 示 。 在 这 里 可 以 进行 各 种 参数 的 设置 ， 部 分 参数 选项 只 能 对 段落 文 
字 操 作 。 


名 力 左 对 齐 文本 ， 文字 左 对 齐 ， 段落 右 端 参 差 不 齐 ， 如 图 8-71 所 示 。 
总 里 居中 对 齐 文本 : 文字 居中 对 齐 ， 段 落 两 端 参 差 不 齐 ， 如 图 8-72 所 示 。 
久 性 右 对 齐 文本 : 文字 右 对 齐 ， 段 落 左 端 参差 不 齐 ， 如 图 8-735 所 示 。 


图 8-72 图 8-73 


名 三 最 后 一 行 左 对 齐 : 最 后 一 行 左 对 齐 ， 其 他 行 左右 两 端 强制 对 齐 。 段 落 文字 、 形 状 文字 可 用 ， 点 文字 不 可 用 ， 如 | 
图 8-74 所 示 。 | 
名 恒 最 后 一 行 居中 对 齐 ; 最 后 一 行 居 中 对 齐 ， 其 他 行 左 右 两 端 强制 对 齐 。 段 落 文 字 、 形 状 文字 可 用 ， 点 文字 不 可 用 ， 如 | 
图 8-75 所 示 。 : 


名 暑 最 后 一 行 右 对 齐 : 最 后 一 行 右 对 齐 ， 其 他 行 左右 两 端 强制 对 齐 。 段 落 文字 、 形 状 文字 可 用 ， 点 文字 不 可 用 ， 如 | 
图 8-76 所 示 。 


依 财 全 部 对 齐 : 在 字符 间 添 加 额外 的 间距 ， 使 文本 左右 两 端 强 制 对 齐 。 段落 文字 、 形 状 文字 、 路 径 文字 可 用 ， 
不 可 用 ， 如 图 8-77 所 示 。 

名 恰 左 缩 进 : 用 于 设置 段落 文本 向 右 “( 横 排 文 字 ) 或 向 下 ( 直 排 文 字 ) 的 缩 进 量 ， 如 图 8-78 所 示 。 

名 让- 右 缩 进 : 用 于 设置 段落 文本 向 左 ( 横 排 文字 ) 或 向 上 ( 直 排 文 字 ) 的 缩 进 量 ， 如 图 8-79 所 示 。 


大 文字 


图 8-78 


全 二 首 行 缩 进 。 用 于 设置 段落 文本 中 每 个 段落 的 第 1 行文 字 向 右 ( 横 排 文字 ) 或 第 1 列 文字 向 下 ( 直 排 文字 ) 的 缩 进 量 
如 图 8-80 所 示 。 

的 " 旺 段 前 添加 空格 ， 设 置 光标 所 在 段落 与 前 一 个 段落 之 间 的 间隔 距离 ， 如 图 8-81 所 示 。 

人 @ , 语 段 后 添加 空格 设置 当前 段落 与 下 一 个 段落 之 间 的 间隔 距离 ， 如 图 8-82 所 示 。 


图 8-80 图 8-81 


名 避 头 尾 法 则 设置 :在 中 文书 写 习惯 中 ， 标 点 符号 通常 不 会 位 于 每 行文 字 的 第 一 位 。“ 避 头 尾 ”功能 只 能 对 段落 文字 或 ， 
区 域 文字 起 作用 。 默 认 情 况 下 “ 训 头 尾 集 ” 设 置 为 无 ， 单 击 下 拉 箭 头 在 其 中 选择 严格 或 者 宽松 ， 此 时 位 于 行 首 的 标 
点 符号 位 置 发 生 了 改变 。 1 

如 间距 组 合 设置 ， 间 距 组 合用 于 设置 日 语 字符 、 罗 马 字符 、 标 点 和 特殊 字符 在 行 开头 、 行 结尾 和 数字 的 间距 文本 编排 方式 。 

加 连 字 : 选中 该 复 选 框 后 ， 在 输入 英文 单词 时 ， 如 果 段 落 文本 框 的 宽度 不 够 ， 英 文 单词 将 自动 换行 ， 并 在 单词 之 间 用 连 ， 

字符 连接 起 来 。 | 


RSW7 高手 小 十，“ 直 拓 文 字 工具 ”的 对 弄 方式 


。 当 文 字 为 直 排 方式 时 ， 对 齐 按钮 会 发 生 一 些 变化 ， 如 图 8-85 所 示 。 


于 落 特 半 IN | 翰 0o 小 


图 8-86 所 示 。 设 置 完成 后 在 画面 中 适当 的 位 置 单 击 鼠 标 左 键 插 
文件 路 径 。 。 第 8 章 \ 制 作 通 真 粉笔 字 入 光标 ， 建 立 文字 输入 的 起 始点 ， 接 着 输入 文字 ， 文 字 输 入 
难 易 指数 全 全 全 完毕 后 按 Ctl+Enter 快 捷 键 确认 操作 ， 如 图 8-87 所 示 。 


案例 效果 如 图 8-84 所 示 。 


ED 执行 “文件 > 打开 ”命令 ， 打 开 背 景 素 材 “1jpg”， 
如 图 8-85 所 示 。 
EB 选择 工具 箱 中 的 ese 工具 ”， 执 行 “窗口 > 
字符 ”命令 ， 在 弹出 的 “字符 ”面板 中 选择 一 种 接近 手写 
效果 的 字体 ， 设置 合适 的 字号 并 设置 前 景色 为 白色 ， 如 图 8-84 
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图 8-85 图 8-86 图 8-87 
8 在 “图 层 ” 面 板 中 为 文字 ， 如 图 8-88 所 示 。 选 择 工 具 箱 中 的 “画笔 工具 ”， 在 选项 栏 中 单 击 打开 
“画笔 预 设 ”选取 器 ， 在 弹出 的 下 拉面 板 中 设置 大 小 ”为 300 像 素 ， 选 择 一 种 不 规则 的 笔 刷 ， 如 图 8-89 所 示 。 
在 工具 箱 的 底部 设置 前 景色 为 黑色 ， 使 用 设置 好 的 画笔 在 文字 的 蒙 版 上 单 击 ， 使 部 分 文字 呈现 出 半 透 明 或 隐藏 的 效 
果 ， 如 图 8-90 和 图 8-91 所 示 。 
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呵 用 同样 的 方法 输入 第 二 部 分 文字 ， 如 图 8-92 所 示 。 

EB 为 了 使 粉笔 字 
效果 更 加 真实 ， 可 以 继 
续 使 用 “ 横 排 文字 工 
具 ” 在 文字 中 单 击 并 框 
选 出 部 分 文字 ， 并 在 
“字符 ”面板 中 更 改 颜 
色 ， 如 图 8-93 一 图 8-95 
所 示 。 


图 8-92 图 8-93 


用 同样 的 方法 修改 其 他 文字 的 颜色 ， 如 图 8-96 所 示 。 
加 为 这 部 分 文字 添加 图 层 蒙 版 ， 并 使 用 同样 的 笔 刷 在 图 层 蒙 版 中 涂 掉 部 分 文字 ， 如 图 8-97 所 示 。 


图 8-96 


文字 是 一 类 特殊 的 对 象 ， 既 具有 文本 属性 又 具有 图 像 属性 。Photoshop 虽 然 不 是 专业 的 文字 处 理 软 件 ， 但 也 具有 文字 
内 容 的 编辑 功能 ， 例 如 可 以 进行 查找 替换 文本 、 英 文 拼写 检查 等 。 除 此 之 外 还 可 以 将 文字 对 象 转换 为 位 图 、 形 状 图 层 ， 还 
可 以 自动 识别 图 像 中 包含 的 文字 的 字体 。 


8.4.1 对 文字 进行 变形 


韶 技术 速 查 : 在 Photoshop 中 ， 可 以 对 文字 对 象 进行 一 系列 内 置 的 变形 效果 .通过 这 些 变形 操作 可 以 在 不 栅 格 化 文字 图 层 

的 状态 下 制作 多 种 变形 文字 。 

在 制作 艺术 字 效 果 时 ， 经 常 需要 对 文字 进行 变形 。Photoshop 提 供 了 对 文字 进行 变形 的 功能 。 首 先 需要 创建 文字 ， 然 后 在 
变形 样式 列表 中 选择 一 种 合适 的 变形 方式 进行 文字 的 变形 。 

选中 需要 变形 的 文字 图 层 ， 在 使 用 文字 工具 态 下 ， 在 选项 栏 中 单 击 “ 创 建文 字 变形 ”按钮 工 ， 如 图 8-98 所 示 。 随 
即 打开 “变形 文字 ”对 话 框 ， 在 该 对 话 框 中 首先 可 以 在 “样式 ”列表 中 选择 变形 文字 的 方式 ， 接 着 可 以 对 变形 轴 、“ 弯 
曲 ”“ 水 平 扭 曲 ”“ 垂 直 扭曲 ”的 数值 进行 设置 ， 如 图 8-99 所 示 。 如 图 8-100 所 示 为 不 同 变形 方式 的 文字 效果 。 
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图 8-99 图 8-100 


人 选项 解读 : “变形 文字 ”对 话 框 详解 

仿 水 平 | 垂直: 选中 “水 平 ” 单 选 按钮 时 ,文本 担 曲 的 方向 为 水 平方 向 ， 如 图 8-101 所 示 ; 选中 “垂直 ” 单 选 按钮 时 ， 文 
本 捏 曲 的 方向 为 垂直 方向 ， 如 图 8-102 所 示 。 

名 变 曲 ， 用 来 设置 文本 的 高 曲 程 度 ， 如 图 8-103 所 示 为 不 同 参 数 的 变形 效果 。 
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图 8-101 
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图 8-102 


弯曲 : -60 弯曲 : 60 
图 8-103 


名 水 平 扭曲 :设置 水 平方 向 的 透视 捏 曲 变形 的 程度 ， 如 图 8-104 所 示 为 不 同 参数 的 变形 效果 。 
加 垂直 扭曲 : 用 来 设置 垂直 方向 的 透视 担 曲 变形 的 程度 ， 如 图 8-105 所 示 为 不 同 参数 的 变形 效果 。 


垂直 扭曲 ，-60 垂直 扭曲 : 60 


图 8-105 


如果 所 选 的 文字 对 象 被 添加 了 “ 仿 担 体 ”样式 国 ， 那 么 在 使 用 “变形 文字 ”功能 时 可 能 会 出 现 不 可 用 的 提示 ， 此 时 


| 只 需 单 击 “ 确 定 ”按钮 ， 即 可 去 除 “ 仿 粗 体 ”样式 ， 并 继续 使 用 “变形 文字 ”功能 。 


文字 图 层 是 比较 特殊 的 对 象 ， 无 法 对 其 直接 进行 形状 或 者 内 


部 像素 的 更 改 ， 而 想 要 进行 这 些 操作 就 需要 将 文字 对 象 转换 为 普 
通 的 图 层 。 将 文字 图 层 栅 格 化 后 将 不 能 进行 字体 、 字 号 等 文字 属 


在 “图 层 ” 面 板 中 选择 文字 图 层 ， 然 后 在 图 层 名 称 上 单 击 鼠 
标 右键 ， 接 着 在 弹出 的 快捷 菜单 中 选择 “ 栅 格 化 文字 ”命令 ， 如 
图 8-106 所 示 。 就 可 以 将 文字 图 层 转换 为 普通 图 层 ， 如 图 8-107 所 示 。 


栅 格 化 文字 制作 切 开 的 文字 


文件 路 径 第 8 章 \ 顶 格 化 文字 制作 切 开 的 文字 


六 案例 实战 
难 易 指 效 在 在 在 在 


案例 效果 


案例 效果 如 图 8-108 所 示 。 


操作 步骤 
执行 “文件 > 新 建 ” 


度 ” 为 2000 像 素 ，“ 分 辨 率 ” 为 72 像 素 /英寸 的 新 文档 ， 如 图 8-109 所 示 。 
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图 8-107 


i 扫 码 看 视频 


命令 ,创建 一 个 “宽度 ”为 3000 像 素 ， 


选择 工具 箱 中 的 “渐变 工具 ”。 在 选项 栏 中 设置 “渐变 类 型 ”为 “线性 渐变 ”， 单 击 渐变 色 条 ， 在 弹出 的 “渐变 编 


辑 器 ”窗口 


键 并 拖 动 ， 释 放 鼠 标 ， 为 画 F 


hb 编辑 一 种 灰色 到 白色 的 渐变 。 编 辑 完成 后 单 才 


二 “确定 ”按钮 ， 如 


而 填充 渐变 ， 效 果 如 图 8-111 所 示 。 


8-110 所 示 。 设 置 完成 后 在 画面 中 按 住 鼠标 左 


放 ” 为 100%， 如 图 8-114 所 
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图 8-109 图 8-110 
加 选择 工具 箱 中 的 “ 横 排 文字 工具 ”。 在 选项 栏 中 设 加 选 “ 渐 变 番 加 ” 复 awem 
置 合适 的 字体 、 字 号 ， 设 置 文字 颜色 为 黑色 。 设 置 完成 后 ， ; 选 框 ， 设 置 “混合 模式 ”为 wm [EEC 
在 画面 中 单 击 鼠 标 左 键 插入 光标 ， 建 立 文字 输入 的 起 始点 ， ; “正常 ”，“ 不 透明 度 ” 为 | 冤 怪 二 = 
接着 输入 文字 ， 文 字 输 入 完毕 后 按 Ctrl+Enter 快 捷 键 确认 键 ; 100%， 编 辑 “ 浙 变 ”为 黑色 A 
入 操作 ， 如 图 8-112 所 示 。 i 到 灰色 ,设置 “样式 ”为 “ 线 Cn. 
i 性 ”， “角度” 为 90 度 ，“ 缩 || "ew 
i 


HOPE 


示 。 设 置 完 成 后 单 击 “ 确 定 ” 
; 按钮， 效果 如 图 8-115 所 示 。 
: 按 Ctrl+J 快 捷 键 复制 
; 出 一 个 副本 ， 然 后 在 “图 层 ” 


3 | 口 90 


Phi [He [一 
To 一 
mas [sa -| 有 
To 一 一 一 区 站 


二 古 2 让 | 层 t 为 财 愉 才 | 


于 落 才 着 IN 站 下 翰 o 小 


。 面板 中 单 击 鼠标 右键 ， 在 弹出 
| 的 快捷 菜单 中 执行 “ 胡 格 化 广 

Pe 。 字 ” 命令 ， 此 时 文字 副本 图 层 变 为 普通 图 层 ， 如 图 8-116 所 示 。 
oa 在 文字 下 一 层 新 建 图 层 ， 选 择 工具 箱 中 的 “硬笔 
溉 "为 “平湖 ”， “深度” 为 100%。 “方向 ”为 “上” 具 ”， 在 选项 栏 中 设置 黑色 柔 边 国 画笔 ， 绘 制 出 阴影 效果 ， 
< 大 中 ”为 5 像 ， “角度 ”为 120 族 ，。 “高 度 为 3( 度 ”，。 并 执行 “ 泪 镜 > 模 枯 > 高 斯 模 风 ”命令 ， 在 弹出 的 “高 斯 模 枯 ” 
i 。 对 话 框 中 设置 “半径 ”为 2 像素， 设置 完成 后 单 击 “ 确 定 ” 


“不 透明 度 ” 为 到 
75%，“ 阴 影 模式 ”为 “正片 登 底 ”， 颜 色 为 黑色 ，“ 不 透 按钮 ， 如 图 8-117 所 示 。 此 时 阴影 更 加 和 柔和， 效果 如 图 8-118 


明度 ”为 75%， 如 图 8-113 所 示 。 i 所 示 。 


图 8-113 


图 8-111 图 8-112 
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图 8-118 
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选择 工具 箱 中 的 “多 边 形 套 索 工具 ”， 绘 制 出 文字 下 方 
的 选区 ， 选 择 工具 箱 中 的 “移动 工具 ”， 向 右 侧 位 移 ， 如 图 8-119 
所 示 。 并 使 用 复制 和 粘贴 的 快捷 键 〈Ctrl+C，Ctrl+tV) 复制 出 
一 个 副本 图 层 ， 如 图 8-120 所 示 。 

档 用 同样 的 方法 使 用 “多 边 形 套 索 工具 ”绘制 文字 上 的 
选区 并 进行 移动 ， 制 作出 错位 的 文字 。 并 复制 选区 内 部 的 文字 
碎片 部 分 作为 新 的 图 层 ， 如 图 8-121 所 示 。 

选择 粘贴 出 的 副本 图 层 。 执 行 “ 图 层 > 图 层 样式 > 描 
边 ” 命 令 ， 在 弹出 的 “图 层 样 式 ” 对 话 框 中 设置 “大 小 ”为 5 像 
素 ，“ 位 置 ”为 “外 部 ”，“ 混 合 模式 ”为 “正常 ”，“ 不 透 
明度 ”为 100%，“ 填 充 类 型 ”为 “颜色 ”，“ 颜 色 ” 为 白色 ， 
如 图 8-122 所 示 。 设 置 完 成 后 单 击 “ 确 定 ”按钮 ， 可 以 看 到 底部 
的 文字 碎片 出 现 描 边 效果 ， 如 图 8-123 所 示 。 


图 8-119 图 8-120 图 8-121 
区 在 该 图 层 上 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 执行 “拷贝 图 层 样式 ”命令 ， 然 后 在 另 二 Bem- 
外 的 文字 图 层 上 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 执行 “粘贴 图 层 样式 ”命令 ， 如 图 8-124 所 ”并 e- en 
示 。 其 他 的 文字 碎片 图 层 也 出 现 了 同样 的 图 层 样 式 ， 效 果 图 8-125 所 示 。 SE TE 
es I 工作 他 储 
Xe 5 一 上 [下 ex Se 
| 2 
混合 村 式 (| | 无 
不 退 明 度 Ok 一 一 上 > 锐利 名 利 
= HOPE:: 
we: ] id bid 
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图 8-122 图 8-123 图 8-124 


大 执行 “文件 > 置 入 嵌入 对 


象 ” 命令, 将 人 物 素材 “1.png” 置 
入 文档 内 ， 将 其 摆 放 在 画面 的 左 侧 


关 


f# 栅 格 化 ， 调 整 好 大 小 和 位 置 ， 如 


图 8-126 所 示 。 


图 8-125 图 8-126 


选择 文字 图 层 ， 然 后 在 图 层 名 称 上 单 击 鼠 标 右键 ， 接 着 在 弹出 的 快捷 菜单 中 选择 “转换 为 形状 ”命令 ， 如 图 8-127 所 示 ， 
文字 图 层 变 为 了 形状 图 层 ， 如 图 8-128 所 示 。 接 着 可 以 使 用 “直接 选择 工具 ”调整 锚 点 位 置 ， 或 者 使 用 钢笔 工具 组 中 的 工具 对 
形状 进行 调整 ， 可 以 制作 出 形态 各 异 的 艺术 字 效 果 ， 如 图 8-129 所 示 。 
[3 
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他 和 提示 : 创建 文字 路 径 

| 想 要 获取 文字 对 象 的 路 径 ， 可 以 选中 文字 图 层 ， 在 文字 图 层 上 单 击 鼠 标 右 键 ， 在 弹出 的 快捷 菜单 中 执行 “创建 工作 
路 径 ” 命令， 如 图 8-130 所 示 。 即 可 得 到 文字 的 路 径 ， 如 图 8-131 所 示 。 得 到 了 文字 的 路 径 后 ， 可 以 对 路 径 进 行 描 边 、 填 
| 充 ， 或 创建 矢量 蒙 版 等 操作 ， 效 果 如 图 8-132 所 示 。 


在 制图 过 程 中 我 们 经 常 需要 使 用 各 种 风格 的 字体 ， 而 计算 机 自 带 的 字体 样式 可 能 无 法 满足 实际 需求 ， 这 时 就 需要 安装 额 


外 的 字体 。 由 于 Photoshop 中 的 字体 其 实 是 调用 操作 系统 中 的 系统 字体 ， 所 以 用 户 只 需要 把 字体 文件 安装 在 操作 系统 的 字体 广 
件 夹 下 即 可 。 市 面 上 常见 的 字体 安装 文件 有 多 种 形式 ， 安 装 方式 也 略 有 区 一 一 一 | 
别 。 安 装 好 字体 以 后 ， 重 新 启动 Photoshop 就 可 以 在 文字 工具 选项 栏 中 的 字 SS SEE 
体系 列 中 查找 到 新 安装 的 字体 。 ape es 

下 面 列举 几 种 比较 常见 的 字体 安装 方法 。 @ s+ to 

(1) 很 多 时 候 我 们 使 用 的 字体 文件 是 EXE 格 式 的 可 执行 文件 ， 这 种 字 | 国 sacsewss 图 xxsa 
库 文件 安装 比较 简单 ， 双 击 运行 并 按照 提示 进行 操作 即 可 。 是 me 时 

(2) 当 遇 到 后 绥 名 为 “ttf”“.fon” 等 的 没有 自动 安装 程序 的 字体 文 “| 轩 sxsssre 。 量 wesa 
件 时 ， 需 要 打开 “控制 面板 ” ( 单 击 计算 机 桌面 左下 角 的 “开始 ”按钮 ， | 国 sess 国 ere atas 
在 其 中 单 击 “ 控 制 面板 ”) ， 然 后 在 “控制 面板 ”中 打开 “字体 ”窗口 ， “| 总 mre 国 sm 
如 图 8-133 所 示 。 接 着 将 “.tf”“.fon” 格 式 的 字体 文件 复制 到 打开 的 “ 字 | 画 sesx [Ww] 


体 ” 窗 口中 即 可 。 
图 8-133 
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文件 路 径 


和 8 章 \ 使 用 模 排 文字 工具 制作 引导 页 
难 易 指数 。。 吝 具 在 
案例 效果 


案例 效果 如 图 8-134 所 示 。 


8.5.1 项 目 分 析 


这 是 一 款 以 地 产 为 主题 的 APP 引 导 页 面 ， 以 沉稳 、 华 贵 
的 视觉 效果 映 入 人 们 眼帘 。 在 众多 地 产 主题 的 APP 界 面 中 ， 
使 用 暗色 调 设 计 类 型 最 为 广泛 ， 既 能 给 人 带 来 一 种 深 稚 的 神 
秘 感 ， 又 给 人 大 气 、 尊 贵 之 感 ， 如 图 8-135 和 图 8-136 所 示 为 
优秀 的 引导 页 设计 作品 。 
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图 8-135 


图 8-136 


8.5.3 色彩 搭配 


界面 整体 色调 属于 中 性 纯度 的 冷色 
调 ， 颜 色 统 一 而 低调 。 相 比 颜色 花哨 无 重 
心 的 画面 而 言 ， 此 类 配色 方案 更 适合 表现 
商务 、 地 产 、 高 端 、 科 技 等 类 型 的 主题 。 
背景 颜色 由 中 心 向 四 周 逐 渐变 暗 ， 能 够 很 
好 地 集中 读者 注意 力 ， 如 图 8-139 所 示 。 


图 8-134 


8.5.2 布局 规划 


本 界面 以 单 体 图 像 元 素 搭配 文字 的 形式 出 现 ， 其 中 右 侧 


的 建筑 图 片 挺拔 且 具 有 高 端 感 ， 左 上 的 主体 文字 占据 较 大 的 
面积 ， 更 好 地 突出 了 主题 。 该 页 作为 引导 页 ， 标 题 文 字 的 艺 
术 效果 极 具 视觉 冲击 力 ， 能 够 更 好 地 引导 阅读 。 另 外 ， 引 导 
页 面 共 分 为 4 页 并 以 轮 播 图 的 方式 展现 ， 不 同 页 面 展示 不 同 
的 主题 ， 方 便 使 用 者 了 解 更 多 的 信息 。 如 图 8-137 和 图 8-138 
所 示 为 不 同 布局 方式 的 界面 设计 作品 。 
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图 8-137 


图 8-139 


1- 制作 背景 


(1) 执行 “文件 > 新 建 ”命令 ， 打 开 “ 新 建文 档 ” 对 话 框 ， 在 对 话 框 顶部 选择 “移动 设备 ”选项 卡 ， 单 击 iPhone 6 Plus 
按钮 ， 设 置 “ 分 辨 率 ” 为 72 像 素 /英寸 ， “颜色 模式 ”为 “RGB 颜色 ”， 设 置 “背景 颜色 ”为 白色 。 单 击 “创建 ”按钮 创建 新 
的 文档 ， 如 图 8-140 所 示 。 

(2) 制作 渐变 背景 。 选 择 工具 箱 中 的 “渐变 工具 ”， 在 选项 栏 中 单 击 渐变 色 条 ， 在 弹出 的 “渐变 编辑 器 ”窗口 中 编辑 
一 种 蓝 色 系 的 渐变 ， 接 着 单 击 “确定 ”按钮 ， 再 单 击 选 项 栏 中 的 “线性 渐变 ”按钮 ， 如 图 8-141 所 示 。 在 画面 中 按 住 鼠 标 左 键 


从 中 心 向 右上 角 拖 动 填充 渐变 ， 如 图 8-142 所 示 。 
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图 8-140 图 8-141 
(3) 制作 背景 文字 部 分 。 选 择 工具 箱 TIE TT we 区 “十 Es 国 口 
中 的 “ 横 排 文字 工具 ”， 在 选项 栏 中 设置 - 展 排 文章 工 上 Si| 导 页 pi 区 95% 1Deqp ColorSyzlcm To Deplcs Rationaly And Wacom RGB/B)* x 
合适 的 字体 、 字 号 ， 设 置 文字 颜色 为 白色 ， 2 
设置 字符 对 齐 方式 为 “ 右 对 齐 文本 ”。 设 置 让 全 
完毕 后 在 页 面 的 右上 方 单 击 鼠 标 左 键 插入 光 入 友 Deep Color System 
标 ， 接 着 在 页 面 中 输入 文字 ， 输 入 过 程 中 按 人 To Depict 
Enter 键 ， 光 标 将 切换 到 下 一 行 ， 文 字 输 入 完 2?. 国 | 3 
毕 后 按 CtrltEnter 快 捷 键 完 成 输入 ， 如 图 8-143 Ee Rationality 
所 示 。 
(4) 单 击 选中 文字 图 层 ， 在 “图 层 ” 5 ule Wisdom 
加 © 


面板 中 设置 该 图 层 的 “不 透明 度 ”为 5%， 如 


图 8-144 所 示 ， 此 时 文字 效果 如 图 8-145 所 示 。 本 本 天 iy 


(5) 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 在 弹出 的 对 话 框 中 
选择 “1.jpg”， 单 击 “ 置 入 ”按钮 。 接 着 将 置 入 的 素材 摆 放 在 画 
面 中 合适 的 位 置 ， 将 光标 放 在 素材 一 角 处 ， 按 住 Shift 键 的 同时 ， 按 
住 鼠 标 左 键 拖 动 ， 等 比例 缩放 该 素材 ， 如 图 8-146 所 示 。 调 整 完成 
后 按 Enter 键 完成 置 入 。 在 “图 层 ” 面 板 中 右 击 该 图 层 ， 在 弹出 的 
快捷 菜单 中 执行 “ 栅 格 化 图 层 ”命令 ， 如 图 8-147 所 示 。 

(6) 进行 抠 图 操作 ， 抠 出 图 片 中 的 楼 房 。 选 择 工具 箱 中 的 
“钢笔 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “路 径 ”。 设 置 
完成 后 将 鼠标 移 到 楼 房 上 方 ， 在 楼 房 边缘 处 单 击 鼠 标 左 键 建立 锚 
图 8-144 图 8-145 点 ， 如 图 8-148 所 示 。 接 下 来 沿 着 楼 房 外 轮廓 绘制 出 楼 房 路 径 ， 如 
图 8-149 所 示 。 
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图 8-146 图 8-147 图 8-148 图 8-149 
(7) 路 径 绘制 完成 后 ， 按 Ctrl+Enter 快 捷 键 快速 将 路 径 转 换 为 选区 ， 如 图 8-150 所 示 。 接 着 在 “图 层 ”面板 中 单 击 选中 该 素 
材 图 层 ， 在 保持 当前 选区 的 状态 下 单 击 “ 图 层 ” 面 板 底部 的 “添加 图 层 ”按钮 ， 以 当前 选区 为 该 图 层 添加 图 层 蒙 版 。 选 区 
以 内 的 部 分 为 显示 状态 ， 选 区 以 外 的 部 分 被 隐藏 。 蒙 版 效果 如 图 8-151 所 示 ， 此 时 画面 效果 如 图 8-152 所 示 。 


t 


(1) 在 画面 中 绘制 艺术 文字 。 选 择 工具 箱 中 的 “ 横 排 文字 工具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 文 字 颜 色 设 置 
为 白色 ， 设 置 完毕 后 在 画面 左 侧 位 置 单 击 ， 输 入 文字 ， 如 图 8-153 所 示 。 


站 mornae® 


党 下 通明 度 ; 100% 
名 :图 y 中 村 全 


® T DeepcolorSystemToDe. 


nkomag 


图 8-150 图 8-151 图 8-152 图 8-153 

(2) 制作 文字 的 艺术 效果 。 选 择 工具 箱 中 的 “钢笔 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “路 径 ”。 接 着 在 文字 上 
方 绘制 路 径 ， 如 图 8-154 所 示 。 路 径 绘制 完成 后 按 Ctrl+Enter 快 捷 键 快速 将 路 径 转 换 为 选区 ， 如 图 8-155 所 示 。 

(3) 在 “图 层 ” 面 板 中 单 击 选中 该 文字 图 层 ， 在 保持 当前 选区 的 状态 下 单 击 “ 图 层 ” 面 板 底部 的 “添加 图 层 蒙 版 ” 按 
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图 8-154 图 8-155 图 8-156 


(4) 在 “图 层 ” 面 板 中 单 击 选中 该 文字 图 层 ， 快捷 键 Ctrl+J 复 制 出 一 个 相同 的 图 层 。 删 除 文字 图 层 原 有 的 
图 层 蒙 版 ， 在 画面 中 适当 移动 文字 位 置 ， 如 图 8-158 所 示 


区 ， 如 图 8-159 所 示 。 基 于 选区 为 复制 的 文字 图 层 添 加 图 层 


使 用 “钢笔 工具 ”在 文字 上 方 绘制 路 径 ， 接 着 将 路 径 转 换 为 选 
， 如 图 8-160 所 示 。 
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图 8-157 图 8-158 图 8-159 计 
(5) 制作 阴影 效果 。 新 建 图 层 ， 选 择 工具 箱 中 的 “钢笔 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “路 径 ”， 在 画面 上 
方 绘制 路 径 ， 如 图 8-161 所 示 。 在 使 用 “钢笔 工具 ”的 状态 下 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 执行 “建立 选区 ”命令 ， 如 
图 8-162 所 示 。 
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图 8-160 图 8-161 图 8-162 
(6) 在 弹出 的 “建立 选区 ”对 话 框 中 设置 “羽化 半径 ”为 15 像 素 ， 设 置 完成 后 单 击 “ 确 定 ”按钮 ， 如 图 8-163 所 示 。 选 
区 如 图 8-164 所 示 。 
(7) 设置 前 景色 为 黑色 ， 使 用 填充 前 景色 快捷 键 AlttDelete 进 行 快速 填充 ， 如 
取消 选区 。 在 “图 层 ” 面 板 中 右 击 该 图 层 ， 在 弹出 的 快捷 菜单 中 执行 “创建 剪贴 蒙 版 ” 
文字 呈现 阴影 效果 ， 如 图 8-167 所 示 。 


8-165 所 示 。 填 充 完成 后 按 Ctrl+D 快 捷 键 
命令 ， 如 图 8-166 所 示 。 此 时 画面 中 的 
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图 8-163 图 8-164 图 8-165 


(8) 继续 复制 文字 图 层 。 删 除 文字 图 层 原 有 的 图 层 蒙 版 ， 在 画面 中 适当 移动 文字 位 置 ， 如 图 8-168 所 示 。 用 同样 的 方法 
使 用 “钢笔 工具 ”在 文字 上 方 绘制 路 径 ， 接 着 将 路 径 转 换 为 选区 ， 如 图 8-169 所 示 。 
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图 8-166 图 8-167 图 8-168 
(9) 基于 选区 为 文字 图 层 添 加 图 层 蒙 版 ， 如 图 8-170 所 示 。 
(10) 为 文字 下 部 分 制作 阴影 效果 。 新 建 图 层 ， 选 择 工具 箱 中 的 “钢笔 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “路 
径 ”， 在 画面 上 方 绘制 路 径 。 在 使 用 “钢笔 工具 ”状态 下 单 击 鼠标 右键 ， 在 弹出 的 快捷 菜单 中 执行 “建立 选区 ”命令 ， 如 
图 8-171 所 示 。 在 弹出 的 “建立 选区 ”对 话 框 中 设置 “羽化 半径 ”为 15 像 素 ， 设 置 完 成 后 单 击 “确定 ”按钮 ， 如 图 8-172 所 
示 。 得 到 选区 后 设置 前 景色 为 黑色 ， 使 用 填充 前 景色 快捷 键 Alt+Delete 进 行 快速 填充 ， 如 图 8-173 所 示 。 
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图 8-169 图 8-170 图 8-171 


(11) 在 “图 层 ” 面 板 中 右 击 绘制 的 阴影 图 层 ， 在 弹出 的 快捷 菜单 中 执行 “创建 前 贴 蒙 版 ”命令 ， 如 图 8-174 所 示 ， 此 时 
画面 效果 如 图 8-175 所 示 。 
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图 8-172 图 8-173 图 8-174 
(12) 使 用 “ 横 排 文字 工具 ”在 画面 中 输入 合适 的 文字 ， 并 在 选项 栏 中 设置 合适 的 字体 、 字 号 及 颜色 ， 如 图 8-176 所 示 。 
用 同样 的 方法 ， 为 文字 添加 艺术 效果 ， 如 图 8-177 所 示 。 
(13) 使 用 同样 的 方法 制作 英文 文字 部 分 ， 效 果 如 图 8-178 所 示 。 
(14) 使 用 “ 横 排 文 字 工具 ”在 画面 底部 位 置 输入 合适 的 文字 ， 并 在 选项 栏 中 设置 合适 的 字体 、 字 号 及 颜色 ， 如 图 8-179 
所 示 。 


图 8-175 


图 8-177 图 8-178 

(15) 单 击 选中 该 图 层 ， 在 “图 面板 中 设置 该 图 
层 的 “不 透明 度 ” 为 90%， 如 图 8-180 所 示 ， 此 时 文字 效果 
如 图 8-181 所 示 。 

(16) 在 画面 中 输入 段落 文字 。 选 择 “ 横 排 文字 工 
具 ”， 在 页 面 下 方位 置 按 住 鼠 标 左 键 拖 动 绘制 一 个 文本 
框 ， 如 图 8-182 示 。 接 着 在 选项 栏 中 设置 合适 的 字体 、 字 
号 ， 设 置 颜色 为 白色 ， 设 置 字符 对 齐 方式 为 “ 左 对 齐 文 
本 ”。 设 置 完毕 后 在 文本 框 内 单 击 输入 文字 ， 如 图 8-183 
所 示 。 文 字 输入 完毕 后 ， 按 Ctrl+Enter 快 捷 键 完成 输入 。 

(17) 单 击 选中 文字 图 层 ， 在 “中 面板 中 设置 该 
图 层 的 “不 透明 度 ” 为 50%， >， 此 时 文字 效 
果 如 图 8-185 所 示 。 
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(18) 在 页 面 底部 制作 “多 项 切换 ”图 标 。 在 形状 工具 组 列表 中 选 让 
择 “ 椭 圆 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 
为 白色 ，“ 描 边 ” 为 无 。 设 置 完成 后 ， 在 页 面 底部 按 住 Shift 键 的 同时 按 
住 鼠标 左 键 拖 动 绘制 正 圆 ， 如 图 8-186 所 示 。 : 


Clr ma 


Deep Color System 


SoRhGHD 让 


图 8-185 图 8-186 


(19) 在 “图 层 ”面板 中 单 击 选中 正 圆 图 层 ， 使 用 复制 图 层 快捷 键 
Ctrl+J 复 制 出 一 个 相同 的 图 层 。 然 后 按 住 Ctrl 键 的 同时 按 住 鼠 标 左 键 ， 
复制 的 正 圆 向 右 侧 拖 动 ， 如 图 8-187 所 示 。 用 同样 的 方法 继续 复制 两 个 正 上 
圆 图 层 ， 并 依次 向 右 侧 拖 动 ， 如 图 8-188 所 示 。 
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图 8-188 


(20) 此 时 该 页 面 制作 完成 ， 最 终 效 果 如 
图 8-189 所 示 。 
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Photoshop 中 包含 10 种 图 层 样式 ， 分 别 是 投影 、 内 阴影 、 外 发 光 、 内 发 光 、 和 斜面 和 浮雕 、 光 泽 、 颜 色 释 加 、 浙 变 释 
加 、 图 案 释 加 与 描 边 效果 ， 从 每 种 图 层 样式 的 名 称 上 就 能 够 了 解 这 些 图 层 样式 基本 包括 “阴影 ”“ 发 光 ”“ 突 起 ”“ 光 
泽 ”“ 又 加 ”“ 描 边 ”等 属性 。 当 然 除了 以 上 属性 ， 多 种 图 层 样式 共同 使 用 还 可 以 制作 出 更 加 丰富 的 奇特 效果 ， 如 图 9-1 


和 图 9-2 所 示 。 
内 阴影 a 内 发 光 笠 面 和 浮雕 
不 添加 图 层 样式 光泽 颜色 得 加 渐变 全 加 图 案 失 加 棋 边 
图 9-1 图 9-2 
9.1.1 添加 图 层 样式 
(1) 如 果 要 为 一 个 图 层 添 加 图 层 > 可 以 首先 选择 一 个 图 层 ， 如 图 9-3 所 示 。 执 行 “图 层 > 图 层 样式 ”菜单 下 的 子 命 
令 ， 如 图 9-4 所 示 。 也 可 以 在 “图 层 ” mn a 
板 下 单 击 “ 添 加 图 层 样式 ”按钮 [&.]， a = 5 
弹出 的 菜单 中 选择 一 种 样式 即 可 打开 “图 ny = 
层 样式 ”对 话 框 ， 如 图 9-5 所 示 。 本 ee er 
(2) 如 图 9-6 所 示 为 “图 层 样式 ”对 。 [区 加 losnas 全 ee 


3 TE 0% 


话 框 。 在 该 对 话 框 内 可 进行 参数 的 设置 ， | 一 
样式 名 称 前 面 的 复 选 杠 内 有 翻 标记 ,表示 。 工 

在 图 层 中 添加 了 该 样式 。“ 图 层 样式 ”对 。。”。[ 类 a 
话 框 的 左 侧 列 出 了 10 种 样式 ， 单 击 一 个 样 3 


py rs 、 友 四 9. 白 日生 EO CG 
式 的 名 称 ， 可 以 选中 该 样式 ， 同 时 切换 到 
该 样式 的 设置 面板 ， 如 图 9-7 所 示 。 图 9-3 图 9-4 
单 击 可 显示 “样式 ”面板 当前 设置 的 样式 样式 的 预览 效果 
[Ee 一 于 3 
二 a 本 B 
设置 高 级 混合 选项 一 -Rs 而 
-HH ET] 
mn [— ET 
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se os 
梯 式 多 数控 制 区 一 征 一 和 一 六 四 TE 本 
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图 9-6 图 9-7 


(3) 有 的 图 层 样式 名 称 后 方 
带 有 一 个 田 ， 表 明 该 样式 可 以 被 
多 次 添加 ， 例 如 单 击 “ 描 边 ” 样 式 
后 方 的 国 ， 在 图 层 样式 列表 中 出 
现 了 另 一 个 “ 描 边 ”样式 ， 设 置 不 
同 的 描 边 大 小 和 颜色 ， 如 图 9-8 所 
示 。 如 图 9-9 所 示 为 添加 两 层 “ 描 
边 ”样式 的 效果 。 

(4) 图 层 样式 也 会 按照 上 下 
堆 又 的 顺序 显示 ， 上 方 的 样式 会 谈 
挡 下 方 的 样式 。 在 图 层 样式 列表 中 
可 以 对 多 个 相同 样式 的 上 下 排列 顺 
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图 9-9 


序 进行 调整 。 例 如 选中 该 图 层 3 个 描 边 样式 中 的 一 个 ， 单 击 底部 的 “向 上 移动 效果 ”按钮 会 可 以 将 该 样式 向 上 移动 一 层 ， 单 
击 “ 向 下 移动 效果 ”按钮 量 可 以 将 该 样式 向 下 移动 一 层 ， 如 图 9-10 所 示 。 


(5) 设置 完成 后 单 击 “ 确 定 ”按钮 。 添 加 了 样式 的 图 层 的 右 侧 会 出 现 一 个 两 图 标 。 再 次 对 图 层 执行 “图 层 > 图 层 样式 ” 


命令 或 在 “图 层 ”面板 中 双击 该 样式 的 名 称 即 可 修改 某 个 图 层 样式 的 参数 ， 弹 出 “图 层 样式 ”对 话 框 ， 进 行 参数 的 修改 即 


可 ， 如 图 9-11 和 图 9-12 所 示 。 


CT 


， 命令， 各国 9-13 所 示 。 
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如 果 “ 图 层 样式 ”对 话 框 左 侧 的 列表 中 只 显示 了 部 分 样式 ， 那 么 可 以 单 击 左下 角 的 [到 按钮 ， 执 行 “显示 所 有 效果 ” 
即 可 显示 其 他 未 启用 的 命令 ， 如 图 9-14 所 示 。 
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图 9-14 


选择 图 层 ， 执 行 “ 图 层 > 图 层 样式 > 斜面 和 浮雕 ”命令 ， 如 图 9-15 所 示 。“ 斜 面 和 浮雕 ”样式 可 以 为 图 层 添 加 高 光 与 阴 
影 ， 使 图 像 产生 立体 的 浮雕 效果 ， 常 用 于 立体 文字 的 模拟 ， 如 图 9-16 和 图 9-17 所 示 为 原始 图 像 与 添加 了 “和 斜面 和 浮雕 ”样式 
以 后 的 图 像 效 果 。 
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图 9-15 图 9-16 图 9-17 
i ee 
鸭 样式 : 选择 针 面 和 浮雕 的 样式 。 选 择 “ 外 针 面 ”， 
可 以 在 图 层 内 容 的 外 侧 边 红 创 建 儿 面 ; 选择 “内 儿 
面 ”， 可 以 在 图 层 内 容 的 内 侧 边 缘 创 建 儿 面 ; 选择 
“浮雕 效果 ”， 可 以 使 图 层 内 容 相 对 于 下 层 图 层 产生 
浮雕 状 的 效果 ; 选择 “ 枕 状 浮 肉 ”， 可 以 模拟 图 层 内 
容 的 边缘 赋 入 下 层 图 层 中 产生 的 效果 ; 选择 “ 描 边 浮 
有 雕 ”， 可 以 将 浮 驹 应 用 于 图 层 的 “ 描 边 ”样式 的 边界 
(注意 ， 如 果 图 层 没 有 “ 描 边 ”样式 ， 则 不 会 产生 效 : 
果 ) ， 如 图 9-18 所 示 。 i Es mi 


图 9-19 图 9-20 


|。 9 深度 ， 用 来 设置 肖 驹 针 面 的 应 用 深度 ， 该 值 越 高 ， 肖 

i 用 的 立体 感 赵强。 

i 的 方向 用 来 设置 高 光 和 阴影 的 位 置 ， 该 选项 与 光源 的 
-到 ~ 


角度 有 关 ， 如 设置 “角度 ”为 90 度 时 ， 选 择 “ 上 ” 方 
向 ， 那 么 阴影 位 置 就 位 于 下 面 ， 如 图 9-22 所 示 ; 选择 
“下 ”方向 ， 阴 影 位 置 则 位 于 上 面 ， 如 图 9-25 所 示 。 


| Y 2 WW 
| 去 出 效 加 过 可 污 是 拇 边 款 风 
: 图 9-18 i 
加 方法 :用 来 选择 创建 浮 隘 的 方法 。 选择“ 平滑 ”， : 
| 可 以 得 到 比较 柔和 的 边缘 ， 如 图 9-19 所 示 ; 选择 “了 膨 一 一 一 


刻 清晰 ”， 可 以 得 到 最 精确 的 浮 赂 边缘， 如 图 9-20 所 
示 ; 选择 “雕刻 杀 和 ”， 可 以 得 到 中 等 水 平 的 浮 风 效 


图 9-21 图 9-22 


加 大 小 : 该 选项 表示 斜面 和 浮雕 的 阴影 面积 的 大 小 。 数 值 越 高 ， 阴 影 面 积 越 大 ， 如 图 9-24 和 图 9-25 所 示 分 别 是 “大 小 ” 
为 10 像 素 和 50 像 素 的 效果 。 
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图 9-25 图 9-24 图 9-25 


软化 ， 用 来 设置 针 面 和 浮 有 崔 的 平滑 程度 。 如 图 9-26 和 图 9-27 所 示 分 别 是 “软化 ”为 0 像素 和 16 像 素 的 效果 。 

角度 /高 度 : “角度 ”选项 用 来 设置 光源 的 发 光 角度 ; “高 度 ” 选 项 用 来 设置 光源 的 高 度 。 

使 用 全 局 光 : 如 果 选 中 该 复 选 框 ， 那 么 所 有 浮雕 样式 的 光照 角度 部 将 保持 在 同一 个 方向 。 

全 光泽 等 高 线 : 选择 不 同 的 等 高 线 样式 ， 可 以 为 | 
针 面 和 淳 驹 的 表面 添加 不 同 的 光泽 质感 ， 也 可 
以 自己 编辑 等 高 线 样式 。 | 

名 消除 锯齿 : 当 设置 了 光泽 等 高 线 时 ， 斜 面 边 缘 可 
能 会 产生 锯 咨 选中 该 复 选 框 可 以 消除 锯齿 

从 高 光 模式 /不 透明 度 : 这 两 个 选项 用 来 设置 高 光 
的 混合 模式 和 不 透明 度 ， 后 面 的 色 块 用 于 设置 
高 光 的 颜色 。 | 

人 @@ 阴影 模式 /不 透明 度 : 这 两 个 选项 用 来 设置 阴影 | 

的 混合 模式 和 不 透明 度 ， 后 面 的 色 块 用 于 设置 

阴影 的 颜色 。 | 
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人 可 选项 解读 : 设置 等 高 线 
单 击 “斜面 和 浮 赂 ”样式 下 面 的 “等 高 线 ” 选项， 切换 到 “等 高 线 ” 设 置 面板 。 使 用 “等 高 线 ” 可 以 在 浮 有 内 中 创建 


钙 凸 起 伏 的 效果 ， 如 图 9-28 一 图 9-50 所 示 。 
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人 村 选项 解读 : 设置 纹理 


单 击 “ 等 高 线 ” 选 项 下 面 的 “纹理 ”选项 ， 切 换 到 “纹理 ”设置 面板 ， 如 图 9-31 和 图 9-52 所 示 。 
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图 9-31 图 9-32 


名 图 案 ; 单 击 “ 图 案 ” 选 项 右 侧 的 -图 标 ， 可 以 在 弹出 的 “图 案 ” 拾 色 器 中 选择 一 个 图 案 ， 并 将 其 应 用 到 笑 面 和 浮 崔 上 。 

名 从 当前 图 案 创 建新 的 预 设 日 ， 单 击 该 按钮 ， 可 以 将 
当前 设置 的 图 案 创建 为 一 个 新 的 预 设 图 案 ， 同 时 
新 图 案 会 保存 在 “图 案 ” 拾 色 器 中 。 

全 贴 紧 原 点 : 将 原点 对 齐 图 层 或 文档 的 左上 角 。 

名 缩放 :用 来 设置 图 案 的 大 小 。 如 图 9-33 和 图 9-34 所 
示 分 别 为 “缩放 ”50% 和 “缩放 ”500% 的 效果 。 

加 深度 ， 用 来 设置 图 案 纹 理 的 使 用 程度 。 

锡 反 相 ， 选中 该 复 选 框 后 ， 可 以 反 转 图 案 纹理 的 思 
是 方向 。 

加 与 图 层 链接 : 选中 该 复 选 框 后 ， 可 以 将 图 案 和 图 
层 链接 在 一 起 ， 这 样 在 对 图 层 进行 变换 等 操作 
时 ， 图 案 也 会 跟着 一 同 变换 。 


“ 描 边 ”样式 可 以 使 用 颜色 、 渐 变 以 及 图 案 来 描绘 图 像 的 轮廓 边缘 ， 如 图 9-35 所 示 。 如 图 9-36 所 示 为 颜色 描 边 、 渐 变 描 
边 和 图 案 描 边 效果 。 
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图 9-35 图 9-56 


“内 阴影 ”样式 可 以 在 紧 靠 图 层 内容 的 边缘 内 添加 阴影 ， 使 图 层 内 容 产 生 止 陷 效果 。 如 图 9-37 一 图 9-39 所 示 分 别 为 原始 
图 像 、 添 加 了 “内 阴影 ”样式 以 后 的 图 像 以 及 内 阴影 参数 。 


0 


仿 混合 模式 ， 用 来 设置 内 阴影 与 图 层 的 混合 方式 ， 默认 设置 为 “正片 登 底 ”模式 。 

加 阴影 颜色 ， 单 击 “混合 模式 ”选项 右 侧 的 颜色 块 ， 可 以 设置 内 阴影 的 颜色 。 

况 不 透明 度 : 设置 内 阴影 的 不 黎明 度 。 数 值 越 低 ， 内 阴影 越 淡 。 

名 角度 用 来 设置 内 阴影 应 用 于 图 层 时 的 光照 角度 ， 指 针 方向 为 光源 方向 ， 相 
反方 向 为 投影 方向 。 

例 使 用 全 局 光 : 当选 中 该 复 选 框 时 ， 可 以 保持 所 有 光照 的 角度 一 致 ; 不 选中 该 
复 选 框 时 ， 可 以 为 不 同 的 图 层 分 别 设置 光照 角度 。 

全 距离 ;， 用 来 设置 内 阴影 偏 移 图 层 内 容 的 距离 。 如 图 9-40 和 图 9-41 所 示 分 别 是 
“距离 ”为 5 像素 和 30 像 素 的 效果 。 


加 大 小 : 用 来 设置 投影 的 模糊 范围 ， 该 值 越 高 ， 模 糊 范 围 越 广 ， 反 之 内 阴影 越 EDe* 
清晰 。 如 图 9-42 和 图 9-43 所 示 分 别 是 “大 小 ”为 0 像素 和 50 像 素 的 效果 。 图 9-40 
Pg ED Ea Es es “TT Ee 


图 9-41 图 9-42 图 9-43 
仿 等 高 线 : 通过 调整 曲线 的 形状 来 控制 内 阴影 的 形状 ， 可 以 手动 调整 曲线 形状 ， 也 可 以 选择 内 置 的 等 高 线 预 设 。 
韶 消除 锯齿 :混合 等 高 线 边缘 的 像素 ， 使 投影 更 加 平滑 。 该 选项 对 于 尺寸 较 小 且 具 有 复杂 等 高 线 的 内 阴影 比较 实用 。 
加 杂 色 : 用 来 在 投影 中 添加 杂 色 的 颗粒 感 效 果 ， 数 值 越 大 ， 颗 粒 感 越 强 。 
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大 案例 实战 一 一 使 用 图 层 样式 制作 立体 感 按钮 


第 9 章 \ 使 用 图 层 样式 制作 立体 感 按钮 
证 究 安定 罕 


案例 效果 
案例 效果 如 图 9-44 所 示 。 


图 9-44 


操作 步骤 


i 表 中 选择 “ 圆 角 矩 形 工具 ”， 
i 为 “形状 ”， 
i 为 40 像 素 。 设 置 完成 后 在 画面 中 按 住 鼠 标 左 键 拖 动 进行 给 
# 制 ， 如 图 9-48 所 示 。 接 着 在 弹出 的 “属性 ” 


图 9-47 
卫 制作 按钮 部 分 。 在 工具 箱 中 右 击 形状 工具 组 ， 在 列 
在 选项 栏 中 设置 “绘制 模式 ” 
“填充 ”为 咖啡 色 ，“ 描 边 ” 为 无 ，“ 半 径 ” 


面板 中 单 击 “ 链 


有 接 ” 按 钮 ， 取 消 将 角 半径 值 链接 到 一 起 ， 然 后 设置 “右上 角 
# 半径 ”和 “ 右 下 角 半径 ” 同 为 0 像素 ， 如 图 9-49 所 示 。 


区 执行 “文件 > 新 建 ” 命 令 ， 创 建 一 个 新 的 文档 。 接 : 


下 来 制作 渐变 背景 效果 。 选 择 工具 箱 中 的 “渐变 工具 ”， 
单 击 选项 栏 中 的 渐变 色 条 ， 在 弹出 的 “渐变 编辑 器 ”窗口 
中 编辑 一 种 棕色 系 渐变 ， 接 着 单 击 “渐变 编辑 器 ”窗口 中 的 
“确定 ”按钮 。 最 后 单 击 选 项 栏 中 的 “ 径 向 渐变 ”按钮 ， 如 
图 9-45 所 示 。 
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图 9-45 


[3 在 面 面 中 按 住民 标 左 键 从 中 心 向 有 侧 皂 动 ， 如 图 9-46 


所 示 。 释 放 鼠 标 完成 渐变 填充 操作 ， 效 果 如 图 9-47 所 示 。 


图 9-46 
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图 9-49 
名 为 该 形状 添加 图 层 样式 制作 按钮 效果 。 在 “图 层 ” 


| 面板 中 选中 贺 角 矩形 图 层 ， 执 行 “ 图 层 > 图 层 样式 > 斜面 和 浮 


| 膨 ” 命令 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 设置 “样式 ”为 


| 向 "为 < 上 ”， 
i 度 ，“ 高 度 ”为 16 度 ， 
i 色 ，“ 不 透明 度 ” 为 100%， 


“内 和 斜面 ”，“ 方 法 ”为 “平滑 ”，“ 深 度 ” 为 62%，“ 方 
“大 小 ”为 13 像 素 ， 阴 影 “ 角 度 ” 为 -131 
“高 光 模 式 ”为 “ 滤 色 ”， 颜 色 为 白 


“阴影 模式 ”为 “正片 全 底 ”， 


: 颜色 为 黑色 ， 阴 影 的 “不 透明 度 ” 为 51%， 设 置 完 成 后 单 击 


“确定 ”按钮 ， 如 图 9-50 所 示 ， 此 时 按钮 效果 如 图 9-51 所 示 。 


在 按钮 上 方 输入 文字 。 选 择 工具 箱 中 的 “ 横 排 文 字 工具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 文 字 颜色 设置 为 米 
咖 色 ,设置 完毕 后 在 按钮 上 方位 置 单 击 ， 接 着 输入 文字 ， 如 图 9-52 所 示 。 
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网 制作 文字 的 内 阴影 效果 。 在 “图 层 ” 面 板 中 选中 文字 图 层 ， 执 行 “图 层 > 图 层 样式 > 内 阴影 ”命令 ， 在 弹出 的 “图 层 
样式 ”对 话 框 中 设置 “混合 模式 ”为 “正片 释 底 ”， 颜 色 为 黑色 ，“ 不 透明 度 ” 为 68%，“ 和 角度 ”为 135 度 ，“ 距 离 ”为 4 像 
素 ，“ 大 小 ”为 1 像素 ， 设 置 完 成 后 单 击 “确定 ”按钮 ， 如 图 9-53 所 示 ， 此 时 效果 如 图 9-54 所 示 。 

制作 右 侧 按钮 部 分 。 用 上 述 同样 的 方法 制作 出 右 侧 按钮 形状 ， 如 图 9-55 所 示 。 接 着 在 “图 层 ”面板 中 选中 该 按钮 图 
层 ， 执 行 “ 图 层 > 图 层 样式 > 斜面 和 浮雕 ”命令 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 设置 “样式 ”为 “内 斜面 ”，“ 方 法 ”为 
“平滑 ”，“ 深 度 ” 为 1%，“ 方 向 ”为 “上 ”，“ 大 小 ”为 35 像 素 ，“ 软 化 ”为 7 像素 ， 阴 影 “ 角 度 ” 为 120 度 ，“ 高 度 ” 为 
30 度 ，“ 高 光 模式 ”为 “ 滤 色 ”， 颜 色 为 白色 ，“ 不 透明 度 ” 为 75%，“ 阴 影 模式 ”为 “正片 车 底 ”， 颜 色 为 黑色 ， 阴 影 的 
“不 透明 度 ” 为 75%， 设 置 完成 后 单 击 “ 确 定 ” 按 钮 ， 如 图 9-56 所 示 ， 此 时 按钮 效果 如 图 9-57 所 示 。 


图 9-53 图 9-54 图 9-55 


隐 在 右 侧 按钮 上 方 输入 文字 。 用 同样 的 方法 ， 继 续 使 用 “ 横 排 文 字 工 具 ” 在 右 侧 按钮 上 输入 合适 的 文字 ， 并 在 选项 栏 
中 设置 合适 的 字体 、 字 号 及 颜色 ， 如 图 9-58 所 示 。 


图 9-56 9-57 图 9-58 
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为 文字 添加 图 层 样式 。 在 “图 层 ”面板 中 选中 右 侧 文字 图 层 ， 执 行 “图 层 > 图 层 样式 > 内 阴影 ”命令 ， 在 弹出 的 “图 
层 样式 ”对 话 框 中 设置 “混合 模式 ”为 “正片 登 底 ”， 颜 色 为 黑色 ，“ 不 透明 度 ” 为 68%，“ 角 度 ” 为 135 度 ，“ 距 离 ” 为 4 
像素 ，“ 大 小 ”为 1 像素 ， 设 置 完 成 后 单 击 “ 确 定 ”按钮 ， 如 图 9-59 所 示 ， 最 终 画 面 效 果 如 图 9-60 所 示 。 
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“内 发 光 ” 效 果 可 以 沿 图 层 内 容 的 边缘 向 内 创建 发 光 效果 ， 也 会 使 对 象 出 现 些许 的 “突起 感 ”， 如 图 9-61 所 示 为 原始 图 
像 ， 如 图 9-62 所 示 为 内 发 光 参 数 ， 如 图 9-63 所 示 为 添加 了 “内 发 光 ” 样 式 以 后 的 图 像 效 果 。 


区 局 样式 
六 
名 
ES we ; 
ee To FE 玉 
.7 Sen- = Es 
国志 i 
| | 
NEY 回 时 
| ee 
RR © UC) 
和 BG: Ts % 
机 回 Kish 台 8 
al 图 
Sp ei Ni) 
= 国 下 pl 
Bla o % 
E> 
PEE a 
图 9-61 图 9-62 图 9-63 


| 高 手 小 贴 士 : “外 发 光 ” 样 式 : 

和 “阻塞 ”选项 | 
“内 发 光 ” 样式 中 除了 “ 源 ”和 “ 阻 宣 ” 选项 之 外 ， 其 他 ， 

“ 移 项 部 与 “外 发 光 ” 样 式 相同 。“ 源 ”选项 用 来 控制 光源 的 位 
里， “阻塞 ”选项 用 来 在 模 灶 之 前 收缩 内 发 光 的 杂 边 边界 。 


“光泽 ”样式 可 以 为 图 像 添 加 光滑 的 具有 光泽 的 内 部 阴影 ， 通 常用 来 制作 具有 光泽 质感 的 按钮 和 金属 ， 如 图 9-64 一 图 9-66 
所 示 分 别 为 原始 图 像 、 光 泽 参数 面板 和 添加 了 “光泽 ”样式 以 后 的 图 像 效 果 。“ 光 泽 ” 样 式 的 参数 没有 特别 的 选项 ， 这 里 就 
不 再 重复 讲解 。 
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图 9-64 图 9-65 图 9-66 


“颜色 三 加 ”样式 可 以 在 图 像 上 县 加 设置 的 颜色 ， 并 且 可 以 通过 模式 的 修改 调整 图 像 与 颜色 的 混合 效果 ， 如 图 9-67 一 
图 9-69 所 示 分 别 为 原始 图 像 、 颜 色 丢 加 参数 面板 以 及 添加 了 “颜色 答 加 ”样式 以 后 的 图 像 效 果 。 


图 9-67 图 9-68 图 9-69 


“渐变 垣 加 ”样式 可 以 在 图 层 上 二 加 指定 的 渐变 色 ， 渐 变 三 加 不 仅 能 够 制作 带 有 多 种 颜色 的 对 象 ， 更 能 够 通过 巧妙 的 渐 


变 颜色 设置 制作 出 突起 、 凹 陷 等 三 维 效果 以 及 带 有 反光 质感 的 效果 。 如 图 9-70 一 图 9-72 所 示 分 别 为 原始 图 像 、 渐 变 登 加 参数 
面板 和 添加 了 “渐变 故 加 ”样式 以 后 的 图 像 效 果 。 
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利用 


文件 路 径 。 第 9 章 \ 利 用 “ 浙 交 过 加 ”样式 制作 接 乌 
难 易 指数 。。 计 计 证 宫 
案例 效果 


案例 效果 如 图 9-73 所 示 。 
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图 9-73 


操作 步骤 

隔 按 Ctrl+N 快 捷 键 创建 空白 文件 。 使 用 工具 箱 中 的 
“渐变 工具 ”四 编辑 一 种 黑色 到 深 灰 色 的 渐变 ， 并 在 选项 
栏 中 设置 渐变 样式 为 “对 称 渐变 ”， 在 画布 中 填充 该 渐变 ， 
如 图 9-74 和 图 9-75 所 示 。 


i [8 新 建 图 层 “ 
i 具 ” 按 名 ]， 在 选项 栏 


图 9-75 
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图 9-74 


1”， 单 击 工具 箱 中 的 “ 圆 角 矩形 工 
中 设置 “绘制 模式 ”为 “形状 ”， 
: “半径 ”为 30 像 素 ， 如 图 9-76 所 示 。 在 图 层 “1” 中 绘制 大 
: 小 适合 的 圆 角 矩形 ， 单 击 “ 图 层 ” 面 板 底部 的 “添加 图 层 样 
ji 式 ” 按钮 选择“ 渐变 释 加 ”样式 ， 在 “渐变 编辑 器 ”窗口 
中 添加 色 标 ， 设 置 其 “渐变 ”样式 为 灰色 系 渐变 ， 设置“ 角 
i 度 ” 为 39 度 ， 单 击 “ 确 定 ”按钮 结束 操作 ， 如 图 9-77 所 示 ， 
# 效果 如 图 9-78 所 示 。 
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图 9-77 

区 新 建 图 层 “2”， 同 样 使 用 “ 圆 角 算 形 工具 ”绘制 小 一 点 的 圆 角 算 

形 ， 单 击 “ 图 层 ” 面 板 底部 的 “添加 图 层 样式 ”按钮 选择“ 渐变 又 加 ” 样 

式 ， 设置 其 “渐变 ”样式 为 一 种 较 浅 的 灰白 色 系 渐变 ， 单 击 “ 确 定 ” 按 钮 结 
东 操 作 ， 如 图 9-79 所 示 ， 效 果 如 图 9-80 所 示 。 

了 用 同样 的 方法 新 建 图 层 “3”， 绘 制 较 小 的 圆 角 矩形， 添加 “渐变 


又 加” 样式， 设置 其 “渐变 ”样式 为 一 种 灰白 渐变 ， 设 置 “角度 ”为 65 度 ， 
单 击 “确定 ” 


按钮 结束 操作 ， 如 图 9-81 所 示 ， 效 果 如 图 9-82 所 示 。 
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图 9-79 
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图 9-80 图 9-81 图 9-82 
新 建 图 层 “ 顶 ”， 选 择 工具 箱 中 的 “ 矩形 工具 ”， 绘 制 小 一 点 的 圆 角 矩形 ， 单 击 “ 图 层 ” 面 板 底部 的 “添加 图 
层 样式 ”按钮 ， 选 择 “ 渐 变 释 加 ”样式 ， 在“ 器 ”窗口 中 ; 邻 ， 两 个 “ 色 标 ” 离 得 越 
示 ， 效 果 如 图 9-84 所 示 。 
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图 9-83 图 9-84 
器 单 击 工具 箱 中 的 “ 横 排 文 字 工 具 ” 按 钮 工 |， 在 选项 栏 中 选择 合适 的 字体 ， 输 入 “VISION”， 单 击 “ 图 层 ” 面 板 底 
部 的 “ ] 图 层 样式 ”按钮 ， 选 择 “ 内 阴影 ”样式 ， 设 置 其 “混合 模式 ”为 “正片 登 底 ”， 颜 色 为 深 绿色 ，“ 距 离 ” 为 5 像 
素 ，“ 大 小 ”为 5 像素 ， 单 击 “ 确 定 ” 按 钮 结束 操作 ， 如 图 9-85 所 示 ， 效 果 如 图 9-86 所 示 。 
名 用 同样 的 方法 制作 蓝 色 按钮 ， 如 图 9-87 所 示 。 
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图 9-85 图 9-86 图 9-87 


区 制作 按钮 “倒影 ”效果 。 复 制 并 合并 按钮 所 有 图 层 ， 使 用 自由 变换 快捷 键 Crl+T， 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜 
单 中 执行 “垂直 翻转 ”命令 ， 并 移 到 合适 位 置 ， 如 图 9-88 所 示 ， 效 果 如 图 9-89 所 示 。 

加 选择 “投影 ”图 层 ， 单 击 “ 图 层 ” 面 板 底部 的 “添加 图 层 蒙 版 ”按钮 ， 选 择 工具 箱 中 的 “渐变 工具 ”， 设 置 黑白 色 的 
渐变 ， 在 投影 部 分 图 层 蒙 版 中 进行 拖 中 填充 ， 并 设置 该 图 层 的 “不 透明 度 ” 为 30%， 如 图 9-90 所 示 ， 最 终 效果 如 图 9-91 所 示 。 
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9.1.9 使 用 “图 案 释 加 ”样式 


使 用 “图 案 谷 加 ”样式 可 以 在 图 像 上 又 加 图 案 ， 与 “颜色 县 加 ”“ 渐 变 全 加 ”相同 ， 也 可 以 通过 混合 模式 的 设置 使 全 加 
的 图 案 与 原 图 像 进行 混 合 。 如 图 9-92 一 图 9-94 所 示 分 别 为 原始 图 像 、 图 案 又 加 参数 面板 和 添加 了 “图 案 登 加 ”样式 以 后 的 图 


像 效果 。 


图 9-92 图 9-93 


9.1.10 ”使 用 “外 发 光 ” 样 式 


使 用 “外 发 光 ” 样 式 可 以 沿 图 层 内 容 的 边缘 向 外 创建 发 光 效果 ， 可 用 于 制作 自发 光 效 果 、 人 像 或 其 他 对 象 的 梦幻 般 的 光 
晕 效 果 。 如 图 9-95 一 图 9-97 所 示 分 别 为 原始 图 像 、 外 发 光 参 数 面板 以 及 添加 了 “外 发 光 ” 样 式 以 后 的 图 像 效 果 。 
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图 9-94 
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图 9-97 


上 选项 解读 : “外 发 光 ” 样 式 参数 | 
加 混合 模式 /不 透明 度 : “混合 模式 ”选项 用 来 设置 发 光 效 果 与 下 面 图 层 的 混合 方式 ; “不 透明 度 ” 选 项 用 来 设置 发 光 效 | 
| 果 的 不 过 明度 。 

| 图 杂 色 : 在 发 光 效果 中 添加 随机 的 杂 色 效果 ， 使 光 党 产生 颗粒 感 。 

加 发 光 颜 色 : 单 击 “ 杂 色 ” 选 项 下 面 的 颜色 块 ， 可 以 设置 发 光 颜色 ; 单 击 颜 色 块 后 面 的 渐变 条 ， 可 以 在 “渐变 编辑 器 ” 
窗口 中 选择 或 编辑 渐变 色 ， 如 图 9-98 所 示 。 : 

全 方法 : 用 来 设置 发 光 的 方式 。 选 择 “ 柔 和” 方法， 发 光 效 果 比 较 杀 和 ， 如 图 9-99 所 示 ; 选择 “精确 ”选项 ， 可 以 得 到 : 
精确 的 发 光 边缘 ， 如 图 9-100 | 
所 示 。 

加 扩展 /大 小 : “扩展 ”选项 用 
来 设置 发 光 范 围 的 大 小 ; 如 
图 9-101 和 图 9-102 所 示 分 别 
是 “扩展 ”为 5% 和 50% 的 效 
果 。“ 大 小 ”选项 用 来 设置 
光 尝 范围 的 大 小 ， 如 图 9-103 
和 图 9-104 所 示 分 别 是 “大 
小 ”为 10 像 素 和 70 像 素 的 
效果 。 


图 9-99 图 9-100 


使 用 “投影 ”样式 可 以 为 图 层 模拟 出 向 后 的 投影 效果 ， 可 增强 某 部 分 的 层次 感 以 及 立体 感 ， 在 平面 设计 中 常用 于 需要 突 
显 的 文字 中 。 如 图 9-105 一 图 9-107 所 示 分 别 为 原 图 、 投 影 参数 面板 以 及 添加 “投影 ”样式 后 的 效果 。 
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2 高 手 小 贴 士 ， 了 解 投影 效果 . 
i 需要 注意 的 是 这 里 的 投影 与 现实 中 的 投影 有 些 差异 。 现 实 中 的 投影 通常 产生 在 物体 的 后 方 或 者 下 方 ,并 且 随 着 光照 方 

| 向 的 不 同 会 产生 不 同 的 透视 ， 而 这 里 的 投影 只 在 后 方 产生 ， 并 且 不 具备 真实 的 透视 感 。 如 图 9-108 和 图 9-109 所 示 分 别 为 模 ， 
拟 真实 的 投影 效果 与 “投影 样式 ”的 效果 。 
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图 9-108 图 9-109 


人 选项 解读 : “投影 ”样式 参数 | 
揭 混合 模式 : 用 来 设置 投影 与 下 面 图 层 的 混合 方式 ， 默认 设置 为 “正片 登 底 ”模式 。 | 
人 的 阴影 颜色 ， 单 出“ 混合 模式 ”选项 右 侧 的 颜色 块 ， 可 以 设置 阴影 的 颜色 。 | 
的 不 透明 度 : 设置 投影 的 不 堵 明 度 。 数 值 越 低 ， 投 影 越 痰 。 | 
的 角度 : 用 来 设置 投影 应 用 于 图 层 时 的 光 昭 角度， 指针 方向 为 光源 方向 ， 相 反方 向 为 投 | 

影 方向 ， 如 图 9-110 和 图 9-111 所 示 分 别 是 设置 “角度 ”为 47 度 和 144 度 时 的 投影 效果 。 | 


锡 使 用 全 局 光 : 当选 中 该 复 选 框 时 ， 可 以 保持 所 有 光照 的 角度 一 致 ; 不 选中 该 复 选 框 

时 ， 可 以 为 不 同 的 图 层 分 别 设置 光照 角度 。 
钨 距离 ， 用 来 设置 投影 偏 移 图 层 内 容 的 距离 。 如 图 9-112 和 图 9-113 所 示 分 别 是 “距离 ” ~ 

为 5 像素 和 30 像 素 时 的 投影 效果 。 图 9-110 
久 大 小 : “大 小 ”选项 用 来 设置 投影 的 模糊 范围 ， 该 值 越 高 ， 模 糊 范围 越 广 ， 反 之 投影 越 清晰 。 | 
含 扩展 : 用 来 设置 投影 的 扩展 范围 ， 注 总， 该 值 会 受到 “大 小 ”选项 的 影响 。 | 
例 等 高 线 : 以 调整 曲线 的 形状 来 控制 投影 的 形状 ， 可 以 手动 调整 曲线 形状 ， 也 可 以 选择 内 置 的 等 高 线 预 设 。 
| 仿 消除 锯齿 :混合 等 高 线 边缘 的 像素 ， 使 投影 更 加 平滑 。 该 选项 对 于 尺寸 较 小 且 具 有 复杂 等 高 线 的 投影 比较 实用 。 
| 仿 杂 色 : 用 来 在 投影 中 添加 杂 色 的 颗粒 感 效 果 ， 数 值 越 大 ， 颗 粒 感 越 强 ， 如 图 9-114 所 示 。 


二 C2 es —_— Es ed 
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锡 图 层 挖 空投 影 : 用 来 控制 半 透 明 图 层 中 投影 的 可 见 性 。 


F 铺 于 画面 ， 将 光标 放 在 素材 一 角 处 ， 按 住 Shift 键 的 同时 按 住 鼠 
标 左 键 拖 动 ， 等 比例 缩放 该 素材 ， 如 图 9-117 所 示 。 调 整 完成 后 按 


太 案例 实战 一 使 用 图 层 样式 制作 质感 启动 界面 


文件 路 径 第 98 章 \ 使 用 图 层 样式 制作 质感 启动 界面 ; 二 码 看 视频 


EE Enter 键 完成 置信。 在 “图 层 ”面板 中 右 击 该 图 层 ， 在 弹出 的 快捷 
案例 效果 订单 中 执行 “ 棚 格 化 图 层 ” 命 令 ， 如 图 9-118 所 示 。 

S [8 为 该 背景 图 层 添加 图 层 样式 。 在 “图 层 ” 面 板 中 选中 素 
六 各 SD 材 1 图 层 ， 执 行 “ 图 层 > 图 层 样式 > 斜面 和 浮雕 ”命令 ， 在 弹出 的 
操作 步 又 “图 层 样式 ”对 话 框 中 设置 “样式 ”为 “内 斜面 ”，“ 方 法 ”为 


“平滑 ”，“ 深 度 ” 为 100%，“ 大 小 ”为 5 像素 ， 阴 影 “ 角 度 ” 
为 120 度 ，“ 高 度 ” 为 30 度 ，“ 高 光 模式 ”为 “ 滤 色 ”， 颜 色 为 
白色 ，“ 不 透明 度 ” 为 73%，“ 阴 影 模式 ”为 “正片 登 底 ”， 阴 
影 颜色 为 黑色 ，“ 不 透明 度 ” 为 73%， 如 图 9-119 所 示 。 在 左 侧 
图 层 样式 列表 中 单 击 启用 “纹理 ”样式 ， 选 择 合适 的 图 案 ， 设 置 
“缩放 ”为 100%，“ 深 度 ” 为 40%， 如 图 9-120 所 示 。 

3 此 时 图 片 纹理 效果 更 为 明显 ， 如 图 9-121 所 示 。 

绘制 顶部 状态 栏 背 景 。 选 择 工具 箱 中 的 “和 拢 形 工具 ”， 
在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 黑色 ， 
i “ 描 边 ”为 无 ， 设 置 完成 后 在 画面 最 上 方 按 住 鼠 标 左 键 拖 动 给 
制 ， 如 图 9-122 所 示 。 执 行 “ 文 件 > 置 入 嵌入 对 象 ”命令 ， 置 入 素 
材 “3.png”， 摆 放 在 画面 最 上 方位 置 ， 按 Enter 键 完成 置 入 操作 ， 
# 并 将 其 栅 格 化 ， 此 时 效果 如 图 9-123 所 示 。 


区 执行 “文件 > 新 建 ” 
命令 ， 打 开 “ 新 建文 档 ” 对 话 
框 。 在 对 话 框 顶部 选择 “移动 
设备 ”选项 卡 ， 单 击 iPhone 6 
Plus 按钮 ， 设 置 “ 分 辨 率 ”为 
72 像 素 /英寸 ， “颜色 模式 ” 
为 “RGB 颜色 ”， 单 击 “ 创 
建 ”按钮 ， 创 建新 的 文档 ， 如 
图 9-116 所 示 。 

了 执行 “文件 > 置 入 嵌 
入 对 象 ”命令 ， 在 弹出 的 对 话 
框 中 选择 “1.jpg”， 单 击 “ 置 
入 ”按钮 。 接 着 将 置 入 的 素材 
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器 置 入 主体 图 标 素材 。 执 行 “ 文 件 > 置 入 嵌入 的 智能 对 象 ”命令 ， 置 入 素材 “2.png”， 摆 放 在 画面 中 心 位 置 ， 如 
图 9-124 所 示 。 然 后 按 Enter 键 完成 置 入 操作 ， 并 将 其 栅 格 化 。 


图 9-121 - - 图 9-124 
卫 为 该 图 案 添加 阴影 效果 。 在 “ > 图 层 样式 > 投影 ”命令 ， 在 弹出 的 “图 层 
样式 ”对 话 框 中 设置 “混合 模式 ”为 “正片 三 底 ”， 颜 色 为 70%，“ 角 度 ” 为 120 度 ，“ 距 离 ” 为 6 像 
素 ，“ 大 小 ”为 1 像素 ， 如 图 9-125 所 示 ， 此 时 效果 如 图 9-126 所 示 。 
阳 使 图 案 呈 现 半 透明 效果 。 单 击 选中 该 图 层 ， 在 “图 层 ” 面 板 中 设置 该 图 层 的 “不 透明 度 ” 为 60%， 如 图 9-127 所 示 ， 
此 时 画面 效果 如 图 9-128 所 示 。 


ED 
EE E33 
aig rT 图 
i Wt 区 js 
站 A (VE © ena 
四 天 本 
my 田 hg 
ee a 
好 
A 加 转 
A 图 
man 
ji 

BE 图 


不 回 @ 回避 会 


图 9-125 图 9-126 图 9-127 图 9-128 
:图 案 下 方 输入 文字 。 选 择 工具 箱 中 的 “ 横 排 文字 工具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 设 置 文字 颜色 为 灰 
再 后 在 图 案 下 方 单 击 输入 文字 ， 然 后 按 Ctrl+Enter 快 捷 键 完 
投影 效果 。 在 “图 层 ”面板 中 选中 文字 图 层 ， 执 行 “ 图 上 
式 ” 对 话 框 中 设置 “混合 模式 ”为 “正片 谷底 ”， 颜 色 色 ，“ 不 透明 度 


> 图 层 样式 > 投影 ”命令 ， 在 弹出 的 “图 层 样 
> “角度 ”为 120 度 ，“ 距 离 ” 为 6 像 


图 9-129 图 9-130 图 9-131 


妈 案例 实战 
文件 路 笃 
难 忆 指 数 


案例 效果 
案例 效果 如 


操作 步骤 

可 执行 “文件 > 新 建 ” 命 令 ， 创 建 背景 为 透明 
的 空白 文档 。 选 择 工具 箱 中 的 “ 横 排 文字 工具 ”， 在 
选项 栏 中 设置 合适 的 字体 、 字 号 ， 设 置 文字 颜色 为 黑 
色 ， 设 置 完成 后 在 画面 中 单 击 鼠 标 左 键 插入 光标 ， 建 
立 文字 输入 的 起 始点 ， 接 着 输入 文字 ， 文 字 输 入 完毕 
后 按 Ctrl+Enter 快 捷 键 确认 操作 ， 如 图 9-133 所 示 。 

了 节 使 用 自由 变换 快捷 键 CtrlHT 调 出 定 界 框 ， 将 光 
标定 位 到 定 界 框 的 控制 点 处 ， 当 光标 变 为 带 有 弧度 的 
双 箭头 时 按 住 鼠 标 左 键 并 拖 动 ， 将 其 旋转 至 合适 的 角 
度 ， 如 图 9-134 所 示 。 


A 


图 9-133 


区 用 同样 的 方法 输入 其 他 字母 ， 并 一 一 进行 旋 
转 ， 如 图 9-135 所 示 。 

了 为 文字 添加 图 层 样式 ， 选 中 字母 A 图 层 ， 执 
行 “ 图 层 > 图 层 样式 > 投影 ”命令 ， 在 弹出 的 “图 层 
样式 ”对 话 框 中 设置 “混合 模式 ”为 “正片 又 底 ”， 
颜色 为 黑色 ，“ 和 角度 ”为 42 度 ，“ 距 离 ” 为 15 像 素 ， 
“扩展 ”为 39%，“ 大 小 ”为 4 像素 ， 如 图 9-136 所 示 。 

项 加 选 “ 光 泽 ” 复 选 框 ， 设 置 “混合 模式 ”为 
“正片 又 底 ”， 颜 色 为 黑色 ，“ 不 透明 度 ” 为 27%， 
“角度 ”为 19 度 ，“ 距 离 ”为 33 像 素 ，“ 大 小 ”为 13 
像素 ， 调 整 等 高 线形 状 ， 如 图 9-137 所 示 。 

阳 加 选 “ 颜 色 秋 加” 复 选 框 ， 设 置 “ 混 合 模式 ” 
为 “正常 ”， 颜 色 为 红色 ，“ 不 透明 度 ” 为 100%， 如 


图 9-134 


| 置 ， 为 “外 部 ”， 


; 图 9-142 和 图 9-143 所 示 。 


i 图 9-138 所 示 。 
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图 9-137 


区 加 选 “ 描 边 ” 复 选 框 ， 设 置 “大 小 ”为 9 像素 ，“ 位 


图 9-138 


“混合 模式 ”为 “正常 ”，“ 不 透明 度 ” 为 
100%，“ 颜 色 ” 为 白色 。 调 整 完成 后 单 击 “ 确 定 ”按钮 确认 操 
作 ， 如 图 9-139 所 示 ， 效 果 如 图 9-140 所 示 。 
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了 其 他 文字 也 需要 使 用 该 样式 ， 在 文字 A 图 层 样式 上 单 击 


鼠标 右键 ， 在 弹出 的 快捷 菜 
RRIL 
从 RL 


| 单 中 执行 “拷贝 图 层 样式 ” 
i 命令 ， 并 在 另外 的 字母 图 层 


上 单 击 鼠 标 右键 ， 在 弹出 的 
快捷 菜单 中 执行 “粘贴 图 层 
样式 ”命令 ， 如 图 9-141 所 
示 。 此 时 可 以 看 到 字母 P 也 
出 现 了 相同 的 文字 样式 ， 如 


图 9-140 
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区 如 果 要 更 改 P 文 字 的 颜色 ， 可 以 双击 该 字母 的 图 层 样式 ， 选 择 “ 颜 色 炙 加 ”选项 ， 设 置 颜色 为 青色 ， 如 图 9-144 所 示 ， 
此 时 字母 颜色 发 生变 化 。 效 果 如 图 9-145 所 示 。 
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图 9-141 


若 用 同样 的 方法 制作 其 他 文 | 


字 ， 效 果 如 图 9-146 所 示 。 


本 制作 文字 项 部 的 图 钉 效果 。 
新 建 图 层 ， 选 择 工具 箱 中 的 “椭圆 选 
框 工具 ”， 在 适当 的 位 置 按 Shift 键 并 
一 个 正 圆 形 


按 住 鼠标 左 键 拖 动 ， 绘 制 
选区 ， 如 图 9-147 所 示 。 


档 选择 工具 箱 中 的 “渐变 工 
具 ”， 编 辑 渐变 颜色 为 黄色 系 渐变 ， 


设置 “渐变 类 型 ”为 “ 径 


选中 “ 反 向 ” 复 选 框 ， 如 图 9-148 所 


示 。 设 置 完成 后 在 圆 形 选 


标 左 键 并 拖 电 填 充 具 有 立体 感 的 球体 


效果 ， 如 图 9-149 所 示 。 


为 了 使 图 钉 效 果 更 真实 ， 需 
要 为 其 添加 投影 样式 ， 执 行 “图 层 > 


图 9-149 


图 9-142 图 9-144 


图 层 样式 > 投影 ”命令 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 设置 “混合 模式 ”为 “ 正 
i 片 重 底 ”， 颜 色 为 黑色 ，“ 和 角度” 为 42 度 ，“ 距 离 ”为 5 像素 ，“ 大 小 ”为 5 像素 。 
# 设置 完成 后 单 击 “ 确 定 ” 按 钮 ， 如 图 9-150 所 示 ， 此 时 效果 如 图 9-151 所 示 。 
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图 9-148 

区 用 同样 的 方法 制作 其 他 图 钉 ， 如 图 9-152 所 示 。 
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图 9-150 图 9-151 图 9-152 


苞 继续 制作 出 另外 一 组 英文 单词 ， 如 图 9-153 所 示 。 
了 葡 置 入 前 景 与 背景 素材 ， 并 放置 在 合适 的 位 置 ， 案 例 最 终 效 果 如 图 9-154 所 示 。 


图 9-153 
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案例 实战 


文件 路 径 
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案例 效果 
案例 效果 如 图 9-155 所 示 。 


图 9-155 


操作 步骤 


了 W 执行 “文件 > 打开 ”命令 ， 打 开 背 景 素材 “1jpg”， 
如 图 9-156 所 示 。 


图 9-156 : 

[加 选择 工具 箱 中 的 “ 模 排 文字 工具 ”， 在 选项 栏 中 
设置 合适 的 字体 、 字 号 ， 设 置 文字 颜色 为 黑色 ， 设 置 完成 | 
后 在 画面 中 适当 的 位 置 单 击 鼠 标 左 键 插入 光标 ， 建 立 文字 


输入 的 起 始点 ， 接 着 分 别 输入 英文 字母 和 标点 符号 “H” 


作 ， 如 图 9-157 所 示 。 
基 首先 制作 字母 “H”， 执 行 “ 图 层 > 图 层 样式 > 内 阴 
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3 图 9-158 所 示 ， 效 果 如 图 9-159 所 示 。 
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图 9-158 图 9-159 
本 加 选 “ 斜 面 和 浮雕 ” 复 选 框 ， 设 置 参数 如 图 9-160 


# 所 示 ， 效 果 如 图 9-161 所 示 。 


“0”“T” “1”， 输 入 完毕 后 按 CtrltEnter 快 捷 键 确认 操 


影 ” 命令， 在 弹出 的 “图 层 样 式 ” 对 话 框 中 设置 “混合 模 | 


式 ” 为 “正常 ”， 颜 色 为 白色 ， 
度 ” 为 45 度 ， 


“不 透明 度 ” 为 33%， 
“距离 ”为 26 像 素 ， 


“ 角 i 
“阻塞 ”为 100%， 如 
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图 9-160 


区 加 选 “ 光 泽 ” 复 选 框 ， 设 置 参数 如 图 9-162 所 示 ， 
效果 如 图 9-163 所 示 。 


图 9-161 


J 区 加 选 “ 渐 变 短 如” 复 选 框 ， 设 置 参数 如 图 9-164 和 
A [ - 图 9-165 所 示 ， 效 果 如 图 9-166 所 示 。 


TREEc nm [sl]* 


加 选 “ 描 边 ” 复 选 框 ， 设 置 参数 如 图 9-167 和 图 9-168 
所 示 。 效 果 如 图 9-169 所 示 。 

项 同 理 制作 其 他 文字 ， 在 “0”“T”“!” 图 层 样式 
中 分 别 重新 设置 “渐变 又 加 ”和 “ 描 边 ”， 参 数 及 其 效果 分 
别 如 图 9-170 一 图 9-178 所 示 。 
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(1) 右 击 已 有 图 层 样 式 的 图 层 ， 在 = 转机 为 文本 
弹出 的 快捷 莱 单 中 执行 “拷贝 图 层 样 式 ” Pm | 
命令 ， 如 图 9-179 所 示 。 | | 
(2) 右 击 需要 添加 图 层 样式 的 图 i | 
层 ， 在 弹出 的 快捷 菜单 中 执行 “ 找 贝 图 层 -i 
样式 ”命令 ， 如 图 9-180 所 示 。 中 国医 9 
= 


固 最 终 效果 如 图 9-181 所 示 。 


ET7E 一 | 快捷 键 确认 输入 操作 。 接 着 在 “图 层 ” 面 板 中 设置 “混合 模 
第 9 章 \ 添 加 图 层 样式 制作 钻石 效果 ; 扫 码 看 视频 式 ”为 “正片 登 底 ”， 如 图 9-184 所 示 。 
难 易 指数 。。 售 从 从 容 从 


案例 效果 
案例 效果 如 图 9-182 所 示 。 


图 9-183 


图 9-182 


操作 步骤 

欧 执 行 “ 文 件 > 打开 ”命令 ,打开 背景 素材 “1jpg”， 
如 图 9-183 所 示 。 

加 选择 工具 箱 中 的 “ 横 排 文字 工具 ”了 TI]J， 在 选项 栏 
中 设置 合适 的 字体 、 字 号 ， 设 置 文字 颜色 为 蓝 色 ， 设 置 完成 
后 在 画面 中 适当 的 位 置 单 击 鼠 标 左 键 插入 光标 ， 建 立 文字 输 
入 的 起 始点 ， 接 着 输入 文字 ， 文 字 输 入 完毕 后 按 Ctrl+Enter 上 图 9-184 
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执行 “图 层 > 图 层 样式 > 投影 ”命令 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 设置 “ 混 
合 模 式 ” 为 “正片 到 底 ”， 颜 色 为 灰色 ，“ 不 透明 度 ” 为 100%，“ 和 角度” 为 120 度 ，“ 距 
离 ”为 3 像素 ，“ 大 小 ”为 2 像素 ， 如 图 9-185 所 示 ， 效 果 如 图 9-186 所 示 。 

车 加 选 “ 斜 面 和 浮雕 ” 复 选 框 ， 设 置 “样式 ”为 “内 斜面 ”，“ 方 法 ”为 “ 平 
滑 ”，“ 深 度 ” 为 1%，“ 方 向 ”为 向 上 ，“ 和 角度” 为 90 度 ，“ 高 度 ” 为 30 度 ，“ 高 光 模 
式 ” 为 “ 滤 色 ”， 颜 色 为 白色 ，“ 不 透明 度 ” 为 75%，“ 阴 影 模式 ”为 “正片 稚 底 ”， 颜 
色 为 黑色 ， 阴 影 的 “不 透明 度 ” 为 40%， 如 图 9-187 所 示 ， 效 果 如 图 9-188 所 示 。 

项 加 选 “ 图 案 释 加 ” 复 选 框 ， 单 击 “ 图 案 ” 后 方 的 小 三 角 号 ， 在 弹出 的 面板 中 执 
行 “ 载 入 图 案 ” 命 令 ， 如 图 9-189 所 示 。 载 入 素材 “2.pat”， 选 中 刚刚 载 入 的 图 案 ， 设 置 
“缩放 ”为 8%， 如 图 9-190 所 示 ， 效 果 如 图 9-191 所 示 。 


图 9-186 图 9-187 
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图 9-189 图 9-190 


项 加 选 “ 描 边 ” 复 选 框 ， 设 置 “大 小 ”为 2 像素 ，“ 位 置 ”为 “外 部 ”，“ 填 充 类 型 ”为 “渐变 ”， 
到 白色 再 到 灰色 的 渐变 ， “样式” 为 “线性 ”，“ 角 度 ” 为 90 度 ，“ 缩 放 ” 为 142%， 如 图 9-192 所 示 。 设 置 完 成 后 单 击 “ 确 


定 ” 按 钮 ， 案 例 最 终 效果 如 图 9-193 所 示 。 
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图 9-192 图 9-193 
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图 9-185 


图 9-188 


图 9-191 


“渐变 ”为 灰色 


六 案例 实战 一 一 迷你 播放 器 小 组 件 


文件 路 径 。 ”第 9 章 \ 迷 你 播放 必 小 组 件 
难 易 指数 吝 富 罕 罕 窒 
案例 效果 


案例 效果 如 图 9-194 所 示 。 


图 9-194 


操作 步骤 
加 执行 “文件 > 新 建 ”命令 ， 创 建 一 个 新 的 文档 。 单 
击 工具 箱底 部 的 “前 景色 ”按钮 ， 在 弹出 的 “ 拾 色 器 ”中 设 
置 颜色 为 灰色 ,设置 完 成 后 单 击 “ 确 定 ” 按 钮 ， 如 图 9-195 
所 示 。 接 着 使 用 填充 前 景色 快捷 键 Alt+Delete 进 行 快速 填 
充 ， 如 图 9-196 所 示 。 


图 9-195 


| EET DE 


图 9-196 
区 绘制 播放 器 形状 。 在 工具 箱 中 右 击 形状 工具 组 , 在 让 


en 


形状 工具 组 列表 中 选择 “ 圆 角 和 矩 形 工 具 ”， 在 选项 栏 中 设置 
“绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 黑色 ，“ 描 边 ” 为 
无 ， “半径 ”为 30 像 素 ， 设 置 完 成 后 在 画面 中 进行 绘制 ， 如 
图 9-197 所 示 。 
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py 国友 9 te" 


图 9-197 
隔 在 工具 箱 中 右 击 形状 工具 组 ， 在 形状 工具 组 列表 中 
选择 “椭圆 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “ 形 
”，“ 填 充 ” 为 黑色 ，“ 描 边 ” 为 无 。 设 置 完 成 后 在 圆 角 
和 矩形 两 侧 依次 按 住 Shift 键 绘制 正 圆 ， 如 图 9-198 所 示 。 接 着 
在 工具 箱 中 选择 “和 矩形 工具 ”， 在 选项 栏 中 设置 “绘制 模 
式 ” 为 “形状 ”，“ 填 充 ” 为 ，“ 描 边 ”为 无 。 在 正 圆 
上 方 绘制 一 个 黑色 矩形 ， 将 两 个 正 圆 链接 起 来 ， 如 图 9-199 
所 示 。 
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图 9-199 
加 在 “图 层 ”面板 中 单 击 选中 矩形 图 层 ， 接 着 使 用 自 


册 菲 剖 图 车 山 必 潍 


由 变换 快捷 键 Ctrl+T 调 出 定 界 框 ， 在 对 象 上 单 击 鼠 标 右键 ， 
在 弹出 的 快捷 菜单 中 执行 “ 斜 切 ”命令 ， 如 图 9-200 所 示 。 
将 光标 定位 到 定 界 框 左上 角 控制 点 上 ， 按 住 鼠 标 左 键 向 下 拖 
动 ， 调 整 对 象形 态 ， 如 图 9-201 所 示 。 调 整 完成 后 按 Enter 键 
完成 操作 。 


图 9-201 
节 将 小 组 件 的 直角 位 置 转换 为 圆 角 效果 。 在 工具 箱 中 
选择 “ 圆 角 矩形 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 
充 ” 为 黑色 ，“ 描 边 ”为 无 ，“ 路 径 操作 ” 


，“ 半 径 ” 为 20 像 素 ， 设 置 完 成 后 在 直 

绘制 一 个 圆 角 矩形 ， 如 图 9-202 所 示 。 接 着 在 直角 外 

一 个 圆 角 矩形 ， 此 时 效果 如 图 9-203 所 示 。 

BB 用 同样 的 方法 将 左 侧 直角 位 置 变换 为 圆 角 ， 如 图 9-204 
所 示 。 


is 和 给 0 度 


kT 
Ea 


@ 

卫 
a 
9 

EE 
如 

Q 
O 
中 
3 
版 
三 
界 
面 
这 
计 
自 
| 


图 9-202 图 9-205 图 9-204 


“图 层 ” 面 板 下 方 的 “创建 新 组 ”按钮 将 其 进行 编组 ， 如 图 9-205 
H 样式 > 渐变 看 加 ”命令 ， 在 弹出 的 “图 层 样 式 ” 对 话 框 中 设置 
“不 透明 度 ” 为 100%， 编 辑 一 个 由 灰色 到 白色 的 线性 渐变 ，“ 角 度 ” 为 90 度 ，“ 缩 放 ” 为 100%， 如 图 9-206 所 示 。 

加 在 图 层 样式 列表 左 侧 单 击 启 用 “投影 ”样式 ， 设 置 “ 混 合 模式 ”为 “正片 琶 底 ”， 投 影 颜色 为 灰色 ，“ 不 透明 度 ” 
为 75%，“ 角 度 ” 为 -120 度 ，“ 距 离 ” 为 5 像素 ，“ 大 小 ”为 5 像素 ， 如 图 9-207 所 示 ， 此 时 效果 如 图 9-208 所 示 。 
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加 在 “图 层 ”面板 中 单 击 选中 “组 1” 图 层 组 中 的 两 个 “椭圆 ”图 层 和 一 个 “矩形 ”图 层 ， 使 用 复制 图 层 快捷 键 CtrltJ 
复制 出 一 个 相同 的 图 层 ， 接 着 将 其 移出 “组 1”， 然 后 使 用 快捷 键 Ctrl+G 进 行 编组 并 命名 为 “组 2”， 如 图 9-209 所 示 。 选 中 


“组 2”， 接 着 使 用 自由 变换 快捷 键 Ctrl+T 调 出 定 界 框 ， 按 住 ShifttAlt 快 捷 键 并 按 住 鼠 标 左 键 拖 动 控制 点 将 其 以 中 心 等 比 缩 
放 ， 如 图 9-210 所 示 。 最 后 按 Enter 键 完成 操作 。 


图 9-208 图 9-209 图 9-210 


执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 在 弹出 的 对 话 框 中 选择 “1:jpg”， 单 击 “ 置 入 ”按钮 。 接 着 将 置 入 的 素材 摆 放 在 
播放 组 件 上 方位 置 ， 将 光标 放 在 素材 一 角 处 ， 按 住 Shif 键 的 同时 按 住 鼠 标 左 键 拖 动 等 比例 缩放 该 素材 ， 如 图 9-211 所 示 。 调 整 
完成 后 按 Enter 键 完成 置 入 。 在 “图 层 ”面板 中 右 击 该 图 层 ， 在 弹出 的 快捷 菜单 中 执行 “ 栅 格 化 图 层 ” 命 令 ， 如 图 9-212 所 示 。 

若 在 “图 层 ” 面 板 中 右 击 “素材 1” 图 层 ， 在 弹出 的 快捷 菜单 中 执行 “创建 前 贴 蒙 版 ”命令 ， 如 图 9-213 所 示 ， 此 时 效 
果 如 图 9-214 所 示 。 


图 9-211 图 9-212 图 9-213 
可 为 了 增加 小 组 件 的 立体 感 效 果 。 在 “图 层 ”面板 中 选中 “组 2”， 执行“ 图 层 > 图 层 样式 > 内 发 光 ” 命 令 ， 在 弹出 的 
“图 层 样式 ”对 话 框 中 设置 “混合 模式 ”为 “颜色 加 深 ”，“ 不 透明 度 ” 为 75%， 颜 色 为 黑色 ，“ 方 法 ”为 “柔和 ”，“ 阻 
塞 ”为 11%，“ 大 小 ”为 27 像 素 ， 如 图 9-215 所 示 。 在 图 层 样式 列表 左 侧 单 击 启用 “外 发 光 ” 样 式 ， 在 “图 层 样式 ”对 话 框 中 
设置 “混合 模式 ”为 “ 滤 色 ”，“ 不 透明 度 ” 为 75%， 颜 色 为 淡 黄 色 ，“ 方 法 ”为 “柔和 ”，“ 扩 展 ” 为 9%，“ 大 小 ”为 29 
像素 ， 如 图 9-216 所 示 。 


在 图 层 样式 列表 左 侧 单 击 启用 “投影 ”样式 ， 在 
“图 层 样式 ”对 话 框 中 设置 “混合 模式 ”为 “正片 生 底 ”， 
“不 透明 度 ” 为 75%，“ 角 度 ”-120 度 ，“ 距 离 ” 为 10 像 
素 ，“ 大 小 ”为 6 像素 ， 如 图 9-217 所 示 。 此 时 小 组 件 的 效果 
如 图 9-218 所 示 。 
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图 9-217 


图 9-222 

i 区 在 “图 层 ” 面 板 中 单 击 选中 矩形 图 层 ， 使 用 复制 图 

为 小 组 件 内 部 的 形状 制作 出 富有 层次 感 的 光影 效 ; 层 快捷 键 Ctrl+J 复 制 出 一 个 相同 的 图 层 。 在 “图 层 ”面板 中 
果 。 选 择 工具 箱 中 的 “和 矩形 工具 ”， 在 选项 栏 中 设置 “绘制 ; 将 复制 图 层 的 “不 透明 度 ”设置 为 100%， 如 图 9-223 所 示 。 
模式 ”为 “形状 ”，“ 填 充 ” 为 淡 紫 色 ，“ 描 边 ”为 无 ， 在 ”; 接着 将 其 向 左 移动 ， 如 图 9-224 所 示 。 
画面 中 绘制 一 个 矩形 ， 如 图 9-219 所 示 。 接 着 使 用 自由 变换 
快捷 键 Ctrl+T 调 出 定 界 框 ， 将 光标 定位 到 定 界 框 以 外 ， 当 光 
标 变 为 带 有 弧度 的 双 箭头 时 ， 按 住 鼠 标 左 键 并 拖 动 ， 进 行 旋 
转 。 旋 转 完成 后 按 Enter 键 完成 操作 ， 如 图 9-220 所 示 。 
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图 9-223 图 9-224 


| 区 使 用 同样 的 方法 ， 右 击 该 图 层 ， 在 弹出 的 快捷 菜单 
= 中 执行 “创建 剪贴 蒙 版 ”命令 ， 如 图 9-225 所 示 。 
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葬 柔 化 光 效 边缘 。 选 中 该 图 层 ， 单 击 “ 图 层 ”面板 下 
国人 从 020 方 的 “添加 图 层 蒙 版 ”按钮 ， 如 图 9-226 所 示 。 
在 “图 层 ”面板 中 设置 该 图 层 的 “不 透明 度 ” 为 
40%， 如 图 9-221 所 示 。 然 后 右 击 该 矩形 图 层 ， 在 弹出 的 快 # 
捷 菜 单 中 执行 “创建 剪贴 蒙 版 ”命令 ， 如 图 9-222 所 示 。 


加 


梧 选择 工具 箱 中 的 “渐变 工具 ”， 单 击 选项 栏 中 的 渐 
变色 条 ， 在 弹出 的 “渐变 编辑 器 ”窗口 中 编辑 一 种 黑色 到 白色 
的 渐变 ， 然 后 单 击 “ 确 定 ” 按 钮 。 再 单 击 选项 栏 中 的 “线性 渐 


变 ” 按 钮 ， 如 图 9-227 所 示 。 接 着 按 住 鼠 标 左 键 在 图 层 蒙 版 中 从 左上 角 向 右 下 角 拖 动 ， 松 开 鼠 标 后 的 渐变 效果 如 图 9-228 所 示 。 
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图 9-225 图 9-226 图 9-227 

七 复制 该 图 层 ， 用 同样 的 方法 执行 “创建 剪贴 蒙 版 ”命令 ， 并 将 其 继续 向 左 侧 移动 ， 如 图 9-229 所 示 。 

制作 小 组 件 内 部 结构 。 选 择 “组 2” 图 层 组 ， 使 用 快捷 键 Ctrl+J 将 图 层 组 进行 复制 ， 然 后 将 复制 的 图 层 组 移 至 “图 
层 ” 面 板 的 最 项 部， 接着 将 原 有 的 图 层 样式 删除 ， 如 图 9-230 所 示 。 
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图 9-228 图 9-229 图 9-230 

欧 在 “图 层 ” 面 板 中 单 击 图 层 组 ， 使 用 自由 变换 快捷 键 Ctrl+T 调 出 定 界 框 ， 按 住 Shift+Alt 快 捷 键 并 按 住 鼠标 左 键 拖 动 控 


制 点 将 其 以 中 心 等 比 缩放 ， 如 图 9-231 所 示 。 接 着 在 快捷 菜单 中 执行 “变形 ”命令 。 将 光标 定位 到 定 界 框 上 的 一 个 控制 点 上 ， 
按 住 鼠 标 左 键 并 拖 动 ， 调 整 对 象形 态 ， 如 图 9-232 所 示 。 调 整 完成 后 按 Enter 键 完成 操作 。 

图 再 次 置 入 素材 “1.jpg”， 摆 放 在 小 组 件 上 方位 置 ， 按 Enter 键 完成 置 入 并 将 其 栅 格 化 ， 如 图 9-233 所 示 。 接 着 右 击 该 图 
层 ， 在 弹出 的 快捷 菜单 中 执行 “创建 剪贴 蒙 版 ”命令 ， 此 时 效果 不 明显 ， 如 图 9-234 所 示 。 


图 9-231 图 9-232 图 9-233 
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图 9-234 


在 “图 层 ” 面板 中 选中 复制 的 图 层 “组 2”， 执 行 
“图 层 > 图 层 样式 > 投影 ” 命令 ， 在 弹出 的 “图 层 样式 ”对 话 


框 中 设置 颜色 为 蓝 色 ，“ 不 透明 度 ” 为 100%， 
-120 度 ，“ 距 离 ” 为 6 像素 ，“ 扩 展 ” 为 30%， 


“角度 ”为 
“大 小 ”为 | 


30 像 素 ， 如 图 9-235 所 示 。 设 置 完成 后 单 击 “ 确 定 ” 按 钮 完 


成 操作 ， 此 时 效果 如 图 9-236 所 示 。 
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图 9-236 


萝 在 “图 层 ” 面 板 中 设置 “组 2 拷贝 ”图 层 组 的 “不 
透明 度 ” 为 70%， 如 图 9-237 所 示 。 此 时 效果 呈现 半 透 明 状 
态 ， 如 图 9-238 所 示 。 

酌 置 入 “装饰 与 按钮 ”素材 ， 摆 放 在 形状 内 部 合适 的 
位 置 ， 按 Enter 键 完成 置 入 并 将 其 栅 格 化 ， 如 图 9-239 所 示 。 


图 9-239 

欧 在 “小 组 件 ” 内 部 输入 合适 的 文字 。 选 择 工具 箱 中 
的 “ 横 排 文字 工具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 
设置 文字 颜色 为 白色 ， 接 着 输入 文字 ， 如 图 9-240 所 示 。 文 
字 输 入 完毕 后 按 Ctrl+Enter 快 捷 键 完成 操作 。 
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图 9-240 
图 为 播放 器 小 组 件 添加 装饰 。 在 背景 图 层 的 上 方 新 建 
图 层 。 选 择 工具 箱 中 的 “画笔 工具 ”， 在 选项 栏 中 单 击 打开 
“画笔 预 设 ” 选 取 器 ， 从 中 选择 “常规 画笔 ”下 的 “ 柔 边 


圆 ”画笔 设置 画笔 “大 小 ”为 10 像 素 ，“ 硬 度 ” 为 50%， 
继续 在 选项 栏 中 设置 “平滑 ”为 50%， 然 后 单 击 工 具 箱底 
部 的 “前 景色 ”按钮 ， 设 置 前 景色 为 深 红色 ， 如 图 9-241 所 
示 。 设 置 完成 后 在 画面 中 “小 组 件 ”两 端 位 置 按 住 鼠 标 左 键 
拖 动 ， 绘 制 “ 飘 带 ”， 如 图 9-242 所 示 。 

将 前 景色 设置 为 绿色 ， 用 同样 的 方法 继续 使 用 “ 画 


i 笔 工具 ”绘制 绿色 的 线条 ， 效 果 如 图 9-243 所 示 。 
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图 9-243 
六 案例 实战 一 一 趣味 卡通 风格 
文件 路 径 第 9 章 \ 趣 味 卡通 风格 焦点 图 设计 
难 易 指数 斌 窗 窗 窗 窒 
案例 效果 
案例 效果 如 图 9-246 所 示 。 
操作 步骤 


BD 执行 “文件 > 新 建 ”命令 ， 在 弹出 的 “新 建文 档 ” 
对 话 框 中 设置 “宽度 ”为 4252 像 素 ，“ 高 度 ” 为 1701 像 素 ， 
“分 辩 率 ”为 72 像 素 /英寸 。 设 置 完成 后 单 击 “创建 ”按钮 ， 
如 图 9-247 所 示 。 


嫩 绘制 阴影 部 分 。 新 建 图 层 ， 选 择 工具 箱 中 的 “画笔 


# 工具 ”， 在 选项 栏 中 单 击 打开 “画笔 预 设 ”选取 器 ， 从 中 先 
i 择 “ 党 规 画 笔 ” 


下 方 的 “和 柔 边 圆 ”画笔 ， 设 置 画 笔 “ 大 小 ” 
“硬度 ”为 0%， 继 续 在 选项 栏 中 设置 “平滑 ” 
设置 “前 景色 ”为 灰色 ， 设 置 完 成 后 在 播放 器 


为 100 像 素 ， 
为 10%， 然 


小 组 件 下 方 按 住 鼠 标 左 键 拖 忠 制作 阴影 ， 如 图 9-244 所 示 ， 
最 终 效果 如 图 9-245 所 示 。 


图 9-245 


图 9-246 


加 为 背景 填充 颜色 。 单 击 工具 箱底 部 的 “前 景色 ” 按 
钮 ， 在 弹出 的 “ 拾 色 器 ”对 话 框 中 设置 颜色 为 深蓝 色 ， 单 


: 击 “ 确 定 ” 按 钮 ， 如 图 9-248 所 示 。 使 用 前 景色 填充 快捷 键 
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AltHDelete 进 行 填充 ， 效 果 如 图 9-249 所 示 。 
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图 9-247 图 9-248 


区 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 将 星球 素材 “1.png” 置 入 文档 内 ， 按 Enter 键 结束 操作 ， 如 图 9-250 所 示 。 

器 单 击 工具 箱 中 的 “ 横 排 文 字 工 具 ” 按 钮 硬是 ， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 并 设置 文字 颜色 为 橙色 ， 在 画面 中 
单 击 插入 光标 ， 输 入 文字 ， 如 图 9-251 所 示 。 然 后 选择 文字 图 层 ， 执 行 “图 层 > 图 层 样式 > 内 发 光 ” 命 令 ， 在 弹出 的 “图 层 样 
式 ” 对 话 框 中 设置 外 发 光 的 “混合 模式 ”为 “正常 ”，“ 不 透明 度 ” 为 80%，“ 杂 色 ” 为 0%， 颜 色 为 深 粉 色 ，“ 方 法 ”为 柔 
和 ，“ 扩 展 ” 为 100%，“ 大 小 ”为 20 像 素 ， 参 数 设置 如 图 9-252 所 示 。 
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图 9-249 图 9-250 图 9-251 
要。 设置 “渐变 合 加 ”的 “混合 模式 ”为 “正常 ”， 之 后 设置 渐 
巳 到 ] ; 变 颜 色 ， 单 击 渐变 颜色 弹出 “渐变 编辑 器 ”窗口 ， 调 节 滑 块 
= : 设置 渐变 颜色 为 黄色 渐变 ， 然 后 设置 “样式 ”为 “线性 ”， 
wa : “角度 ”为 -177 度 ，“ 缩 放 ” 为 150%， 设 置 完成 后 ， 选 中 
i “预览 ” 复 选 框 进行 查看 ， 如 图 9-254 所 示 ， 此 时 文字 效果 
”如 图 9-255 所 示 。 


图 9-252 


隔 设置 完成 后 ， 可 以 通过 选中 “预览 ” 复 选 框 进行 查 # 
看 ， 此 时 文字 效果 如 图 9-253 所 示 。 上 图 9-253 
区 在 “图 层 样式 ”对 话 框 中 单 击 “ 渐 变 释 加 ”选项 ， 区 在 “图 层 样式 ”对 话 框 中 单 击 “ 投 影 ” 选 项 ， 设 置 


“投影 ”的 “混合 模式 ”为 “正片 看 底 ”， 颜 色 为 黑色 ， 
“不 透明 度 ” 为 75%，“ 和 角度 ”为 90 度 ，“ 距 离 ” 为 5 像 
素 ， “扩展” 为 0%，“ 大 小 ”为 5 像素 。 设 置 完 成 后 ， 单 
“确定 ”按钮 ， 如 图 9-256 所 示 ， 效 果 如 图 9-257 所 示 。 
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a | 人 
了 调整 文字 位 置 。 使 用 自由 变换 快捷 键 Ctrl+T 调 出 : 
定 界 框 ， 如 图 9-258 所 示 。 拖 电 控 制 点 进行 旋转 并 移动 ， 按 : se 
Enter 键 结束 变换 操作 ， 效 果 如 图 9-259 所 示 。 i 


Ke 
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图 9-257 图 9-258 图 9-259 

加 单 击 工具 箱 中 的 “钢笔 工具 ”按钮 虑 天 ， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 深 红色 ，“ 描 边 ” 
为 无 ， 设 置 完 成 后 ， 在 画面 文字 下 方 绘制 一 个 多 边 形 形 状 ， 如 图 9-260 所 示 。 使 用 同样 的 方法 制作 新 的 文字 ， 效 果 如 图 9-261 
所 示 。 
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图 9-260 图 9-261 
可 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 将 小 手 素材 “2.png” 置 入 文档 内 的 文字 上 方 ， 按 Enter 键 结束 操作 ， 如 图 9-262 
所 示 。 然 后 绘制 新 的 形状 。 选 择 工 具 箱 中 的 “钢笔 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 深 橙色 ， 
“ 描 边 ”为 无 ， 在 新 的 文字 下 方 绘制 一 个 新 形状 ， 效 果 如 图 9-263 所 示 。 


置 入 新 素材 。 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 将 动画 素材 “3.png” 置 入 文档 内 ， 按 Enter 键 结束 操作 ， 效 果 如 
图 9-264 所 示 。 选 择 工具 箱 中 的 “多 边 形 工具 ” 国 ， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”， “填充” 为 白色 ，“ 描 边 ” 
为 无 ，“ 边 ”为 5， 然 后 在 画面 中 画 出 多 个 五 角 星 ， 如 图 9-265 所 示 。 


图 9-262 图 9-263 
可 最 终 效果 如 图 9-266 所 示 。 
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再 执行 “图 层 > 图 层 
名 称 上 单 击 鼠标 右 
命令 ， 如 图 9-268 所 示 。 


= | 已 # 式 ” 命令， 接着 选择 目标 图 层 ， 样式 > 粘贴 图 层 
# 样式 ”命令 ， 或 者 在 目标 图 层 ， 在 弹出 的 快 
如 果 要 隐藏 一 个 样式 ， 可 以 在 “图 层 ”面板 “” 捷 菜单 中 选择 “粘贴 图 层 样式 ” 
中 单 击 该 样式 前 面 的 眼睛 图 标 @ 。 如 果 要 隐藏 某 
个 图 层 中 的 所 有 样式 ， 可 以 单 击 “ 效 果 ” 前 面 的 。 半 。 酸 
图 标 ， 如 图 9-267 所 示 。 2 
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胞 小 的 图 层 样式 一 5 上 eG fO 0 
显示 的 图 层 样式 —e : 
e 国 四 外 上 图 9-268 


扩 口 有 日 日 站 


a ” 9.2.3 缩放 图 层 样式 


图 层 对 添加 了 图 层 样式 的 对 象 进行 缩放 ， 首 先 在 “图 层 ” 面 板 中 选 
全 沪 册 与 物 贴图 层 尾 式 国 国 四肢 加 图 ?269 所 示 ， 然后 执行 “国民 > 图 慎 式 > 纺 放 效果 * 
当 文档 中 有 多 个 需要 使 用 同样 样式 的 图 层 


命令 ， 在 弹出 的 “缩放 图 层 效果 ”对 话 框 中 设置 缩放 为 200%， 如 
时 ， 可 以 进行 图 层 样式 的 复制 。 在 图 层 名 称 上 单 击 ”# ”图 9-270 所 示 。 可 以 看 出 此 时 画面 中 的 图 层 样式 变 大 了 ， 效 果 如 图 9-271 
鼠标 右键 ， 在 弹出 的 快捷 菜单 中 选择 “拷贝 图 层 样 。 所 示 。 


图 9-271 


将 某 一 样式 拖 忠 到 “删除 图 层 ” 按 
样式 ， 可 以 选择 该 图 层 ， 然 后 执行 “图 层 > 图 层 样式 > 清除 图 层 样式 ”命令 ,或 在 图 层 名 称 上 单 


单 中 


bh 选择 “清除 图 层 样式 ”命令 ， 如 图 9-273 所 示 。 


上 ， 就 可 以 删除 某 个 图 层 样式 ， 如 图 9-272 所 示 。 如 果 要 删除 某 个 图 层 


h 的 所 有 
鼠标 右键 ， 在 弹出 的 快捷 菜 


| 二 ee [3 高 手 小 贴 士 : 栅 格 化 图 层 样式 
el eer 。 执行 “图 层 > 栅 格 化 > 图 层 样式 ”命令 ， 即 可 
， 将 当前 图 层 的 图 层 样 式 栅 格 化 到 当前 图 层 中 ， 栅 | 
Ce ; 格 化 的 样式 部 分 可 以 像 普通 图 层 的 其 他 部 分 一 样 | 
i ; 进行 编辑 处 理 ， 但 是 不 再 具有 可 以 调整 图 层 参数 | 
向 下 会 并 的 功能 。 i 
会 并 可 见 匡 局 


妈 案例 实战 
文人 EE 


难 易 指数 。。 识 商 座 谷 从 


操作 步骤 
执行 “文件 > 新 建 ”命令 ， 创 建 一 个 新 的 文档 ， 如 | 


图 


9-275 


案例 效果 
案例 效果 如 图 9-274 所 示 。 


所 示 。 
执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 然 后 将 素材 “1jpg” 
置 入 文档 内 ， 按 Enter 键 确定 置 入 操作 ， 效 果 如 图 9-276 所 示 。 
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图 9-274 


绘制 一 个 形状 。 在 工具 箱 中 选择 “钢笔 工具 
“ 描 边 ”为 无 ， 在 画面 


9-275 图 9-276 


” 国 ， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 深 绿色 ， 


bh 央 绘制 形状 ， 如 图 9-277 所 示 。 
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图 9-277 


为 绘制 的 形状 加 一 个 黄色 的 描 边 。 选 择 形状 图 层 ， 
执行 “图 层 > 图 层 样式 > 描 边 ”命令 ， 在 弹出 的 “图 层 样式 ” 
对 话 框 中 设置 “ 描 边 ”的 “大 小 ”为 4 像素 ， 
部 ”，“ 混 合 模式 ”为 “正常 ”， 
“填充 类 型 ”为 “颜色 ”， 
示 。 通 过 选中 “预览 ” 复 选 框 查看 效果 ， 如 图 9-279 所 示 。 


“不 透明 度 ” 为 100%， 


“位 置 "为 “外 


“颜色 ”为 黄色 ， 如 图 9-278 所 
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置 ”为 “外 部 ”， 


为 100%， 


图 9-279 E 
了 8 为 图 形 添加 一 个 绿色 的 描 边 。 在 “图 层 样式 ”对 话 


“填充 类 型 ”为 “颜色 ”， 


参数 设置 如 图 9-280 所 示 。 通 过 选中 


框 中 单 击 “ 描 边 ”后 方 的 “加 号 ”按钮 国 ， 添 加 新 的 “ 描 
边 ”图 层 样式 。 设 置 “ 描 边 ”的 “大 小 ”为 24 像 素 ， 
“混合 模式 ”为 “正常 ”， 


“不 透明 度 ” 
“颜色 ”为 深 绿色 ， 


“预览 ” 复 选 框 查看 效 


i 边 ” 图 层 样式 。 设 置 “ 描 边 ”的 “大 小 ”为 59 像 素 ， 


“位 


果 ， 如 图 9-281 所 示 。 
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图 9-281 


罗 为 图 形 添 加 一 个 黄色 的 描 边 。 在 “图 层 样式 ”对 话 
框 中 单 击 “ 描 边 ” 后 方 的 “加 号 ”按钮 辆 |， 添 加 新 的 “ 描 
“位 
“不 透明 度 ” 
“颜色 ”为 黄色 ， 
参数 设置 如 图 9-282 所 示 。 通 过 选中 “预览 ” 复 选 框 查看 效 


置 ” 为 “外 部 ”， 
为 100%， 


“混合 模式 ”为 “正常 ”， 
“填充 类 型 ”为 “颜色 ”， 


} 果 ， 如 图 9-283 所 示 。 
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图 9-282 


区 为 图 形 添加 一 个 绿色 的 描 边 。 在 “图 层 样式 ”对 话 
框 中 单 击 “ 描 边 ” 后 方 的 “加 号 ”按钮 辆 ， 添 加 新 的 描 边 


图 层 样式 。 设 置 “ 描 边 ” 的 “大 小 ”为 70 像 素 ，“ 位 置 ”为 “外 部 ”，“ 混 合 模式 ”为 “正常 ”，“ 不 透明 度 ” 为 100%， 
“填充 类 型 ”为 “颜色 ”，“ 颜 色 ” 为 深 绿色 ， 单 击 “ 确 定 ” 按 钮 ， 如 图 9-284 所 示 ， 效 果 如 图 9-285 所 示 。 


亚 豆 翌 芭 Gs 
区 | 
a ET 
CE 
mb 日 
加 二 图 
图 让 为 对 认 信 
加 
二 可 
而 合生 全 
图 9-283 图 9-284 图 9-285 
了 B 在 绿色 形状 上 添加 文字 。 选 择 工具 箱 中 的 “ 横 排 文 字 工 具 ” 国 |， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 并 设置 文字 
颜色 为 白色 ， 然 后 在 画面 中 绿色 形状 的 下 方 单 击 鼠 标 左 键 插入 光标 ， 输 入 文字 ， 如 图 9-286 所 示 。 然 后 使 用 自由 变换 快捷 键 
CtrltT 调 出 定 界 框 ， 按 住 Shift 键 拖 动 制 点 将 其 转动 ， 如 图 9-287 所 示 。 旋 转 完 成 后 按 Enter 键 确定 操作 。 


区 将 文字 变形 。 选 择 文字 图 层 ， 在 选择 “ 横 排 文 字 工具 ”的 状态 下 ， 单 击 选项 栏 中 的 “创建 文字 变形 ”按键 工 ， 在 
弹出 的 “变形 文字 ”对 话 框 中 设置 “样式 ”为 “扇形 ”， 选 中 “水 平 ” 单 选 按钮 ， 设 置 “ 弯 曲 ”为 13%，“ 水 平 扭曲 ”为 
-30%，“ 垂 直 扭曲 ”为 -9%， 然 后 单 击 “确定 ”按钮 ， 如 图 9-288 所 示 ， 效 果 如 图 9-289 所 示 。 
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图 9-286 图 9-287 图 9-288 图 9-289 


可 制作 主体 文字 。 在 选择 “ 横 排 文字 工具 ”的 状态 下 ， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 并 设置 文字 颜色 为 白色 ， 
在 绿色 形状 的 中 央 单 击 鼠 标 左 键 插入 光标 ， 输 入 文字 ， 如 图 9-290 所 示 。 然 后 在 “图 层 ”面板 中 选择 该 图 层 ， 单 击 鼠 标 右键 ， 
在 弹出 的 快捷 菜单 中 执行 “ 栅 格 化 文字 ”命令 ， 将 该 图 层 转换 为 普通 图 层 ， 如 图 9-291 所 示 。 

可 对 文字 的 大 小 及 形状 进行 变换 。 使 用 自由 变换 快捷 键 Ctrl+T 调 出 定 界 框 ， 将 光标 定位 到 定 界 框 的 控制 点 上 ， 按 住 
Shift 键 的 同时 拖 动 控制 点 ， 将 文字 等 比 放 大 ， 如 图 9-292 所 示 。 按 住 鼠 标 左 键 并 拖 动 进行 旋转 ， 如 图 9-293 所 示 。 
乡 Sa 
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图 9-290 图 9-291 图 9-292 


鸥 按 住 Ctrl 键 ， 将 光标 定位 到 定 界 框 的 控制 点 上 ， 拖 动 控制 点 对 文字 的 形状 进行 改变 ， 如 图 9-294 所 示 。 最 后 按 Enter 键 
确定 变形 操作 。 
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葡 为 主体 字 添加 图 层 样式 。 选 择 主体 文字 图 层 ， 局 
执行 “图 层 > 图 层 样式 > 斜面 和 浮雕 ”命令 ， 在 弹出 
的 “图 层 样式 ”对 话 框 中 设置 “斜面 和 浮雕 ”的 “ 样 
式 ” 为 “内 斜面 ”，“ 方 法 ”为 “平滑 ”，“ 深 度 ” 
为 100%，“ 方 向 ”为 向 上 ，“ 大 小 ”为 15 像 素 ，“ 软 
化 ”为 0 像素 ， 设 置 阴影 的 “角度 ”为 51 度 ，“ 高 度 ” 
为 58 度 ，“ 光 泽 等 高 线 ” 为 “内 止 - 深 ”，“ 高 光 模式 ” 
为 “ 滤 色 ”， 高 光 颜 色 为 白色 ， 高 光 “ 不 透明 度 ” 为 
50%，“ 阴 影 模式 ”为 “正片 释 底 ”， 阴 影 颜 色 为 黑 
色 ， 阴 影 “ 不 透明 度 ” 为 60%， 参 数 设 置 如 图 9-295 所 
示 。 通 过 选中 “预览 ” 复 选 框 查看 效果 ， 如 图 9-296 所 示 。 
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区 为 主体 字 添加 黄色 描 边 。 在 “图 层 样式 ”对 话 框 中 
单 击 “ 描 边 ”选项 ， 设 置 “ 描 边 ”的 “大 小 ”为 10 像 素 ， 
“位 置 ”为 “外 部 ”， “混合 模 式 ”为 “正常 ”，“ 不 透 
明度 ”为 100%，“ 填 充 类 型 ” 为 “颜色 ”，“ 颜 色 ” 为 黄 
色 ， 参 数 设 置 如 图 9-297 所 示 。 通 过 选中 “预览 ” 复 选 框 查 
看 效果 ， 如 图 9-298 所 示 。 上 
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区 为 主体 字 绘 制 一 个 绿色 的 描 边 。 在 “图 层 样式 ”对 ! 入 


话 框 中 单 击 “ 描 边 ” 后 方 的 “加 号 ”按钮 国 ， 添 加 新 的 “ 描 :| -ax 

边 ”图 层 样式 。 设置“ 描 边 ”的 “大 小 ”为 35 像 素 ，“ 位 | me Es 
置 ”为 “外 部 ”，“ 混 合 模式 ”为 “正常 ”，“ 不 透明 度 ” i | -名 | 

为 100%，“ 填 充 类 型 ”为 “颜色 ”，“ 颜 色 ” 为 深 绿色 , 参 上: 
数 设置 如 图 9-299 所 示 。 通 过 选中 “预览 ” 复 选 框 查看 效果 ， 

如 图 9-300 所 示 。 E 图 9-299 


区 为 主体 字 添 加 阴影 。 在 “图 层 样式 ”对 话 框 中 单 击 “ 阴 影 ”选项 ， 设 置 “阴影” 的 “混合 模式 ”为 “正片 又 底 ”， 
阴影 颜色 为 黑色 ，“ 不 透明 度 ” 为 35%，“ 角 度 ” 为 85 度 ， 选 中 “使 用 全 局 光 ” 复 选 框 ，“ 距 离 ” 为 47 像 素 ，“ 扩 展 ” 为 17 
像素 ，“ 大 小 ”为 7 像素 ， 最 后 单 击 “ 确 定 ” 按 钮 ， 如 图 9-301 所 示 ， 效 果 如 图 9-302 所 示 。 


图 9-300 图 9-301 图 9-302 
有 绘制 闪电， 选择 工具 箱 中 的 “钢笔 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “路 径 ”， 画 出 一 个 闪电 的 形状 ， 如 
图 9-303 所 示 。 使 用 转换 为 选区 快捷 键 Ctrl+Enter 得 到 路 径 的 选区 ， 如 图 9-304 所 示 。 
名 新 建 图 层 ， 选 择 工 具 箱 中 的 “渐变 工具 ” 国 ， 单 击 选 项 栏 中 的 “渐变 色 条 ”， 打 开 “ 渐 变 编辑 器 ”窗口 ， 编 辑 一 个 
黄色 系 的 渐变 颜色 ， 单 击 “ 确 定 ”按钮 完成 编辑 操作 ， 如 图 9-305 所 示 。 在 选项 栏 中 设置 “渐变 模式 ”为 “线性 渐变 ”， 然 后 
在 选区 内 按 住 鼠 标 左 键 拖 动 进行 填充 ， 如 图 9-306 所 示 。 
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图 9-303 图 9-304 图 9-305 图 9-306 


苔 释放 鼠标 ， 渐 变 效果 如 图 9-307 所 示 。 用 相同 的 
方法 绘制 出 下 面 的 闪电 效果 ， 如 图 9-308 所 示 。 

项 为 闪电 设置 描 边 效果 。 选 择 闪电 图 层 ， 执 行 “ 图 
层 > 图 层 样式 > 描 边 ”命令 ， 在 弹出 的 “图 层 样式 ”对 话 
框 中 设置 描 边 “大 小 ”为 8 像素 ，“ 位 置 ”为 “外 部 ”， 
“混合 模式 ”为 “正常 ”，“ 不 透明 度 ” 为 100%，“ 填 
充 类 型 ”为 “颜色 ”，“ 颜 色 ” 为 绿色 ， 选 中 “预览 ” 复 
选 框 ， 如 图 9-309 所 示 ， 效 果 如 图 9-310 所 示 。 

区 为 闪电 设置 投影 效果 ， 在 “图 层 样式 ”对 话 框 中 
勾 选 “投影 ”选项 ， 设 置 投影 的 “混合 模式 ”为 “正片 
三 底 ”， 阴 影 颜 色 为 深 绿色 ，“ 不 透明 度 ” 为 73%，“ 和 角 
度 ” 为 85 度 ， 选 中 “使 用 全 局 光 ” 复 选 框 ，“ 距 离 ” 为 12 像 素 ，“ 扩 展 ”为 0%，“ 大 小 ”为 10 像 素 ， 然 后 单 击 “ 确 定 ” 按 
钮 ， 如 图 9-311 所 示 ， 效 果 如 图 9-312 所 示 。 
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区 最 终 完成 效果 如 
图 9-313 所 示 。 
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: 在 选项 栏 中 单 击 “选区 ”按钮 [ja 区 ]， 路 径 会 被 转 挨 为 选区 。 单 击 “ 蒙 版 ”按钮 [ 要 版 ]， 会 以 当前 路 径 为 图 层 创建 | 
夭 量 蒙 版 ; 单 击 “ 形 状 ”按钮 Li 徕 ]， 路 径 对 象 会 转 挨 为 形状 图 层 。 


操作 步骤 


各 一 一 使 用 图 层 样式 制作 视频 播放 器 


机 频 DD 执行 “文件 > 新 建 ”命令 ， 创 建 一 个 新 的 文档 。 接 

| 下 来 制作 渐变 背景 效果 。 选 择 工具 箱 中 “ 浙 变 工具 ”， 单 击 
案例 效果 i 选项 栏 中 的 渐变 色 条 ， 在 弹出 的 “渐变 编辑 器 ”窗口 中 编辑 
案例 效果 如 图 9-314 所 示 。 | 一 种 咖啡 色 系 渐变 ， 颜 色 设置 完成 后 单 击 “ 确 定 ” 按 钥 。 


接着 单 击 选项 栏 中 的 “ 径 向 渐变 ”按钮 ， 如 图 9-315 所 示 。 
然后 在 “图 层 ”面板 中 单 击 选 中 需要 填充 的 图 层 ， 在 画面 中 
: 按 住 鼠标 左 键 从 中 心 向 右 侧 拖 动 ， 填 充 渐变 ， 如 图 9-316 所 
i 示 。 释放 鼠标 后 完成 渐变 填充 操作 ， 如 图 9-317 所 示 。 

: 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 在 弹出 的 对 话 框 
i 中 选择 “1jpg”， 单 击 “ 置 入 ”按钮 。 接 着 将 置 入 的 素材 摆 
上 放 在 画面 中 合适 的 位 置 ， 将 光标 放 在 素材 一 角 处 按 住 Shift 键 
# 的 同时 按 住 鼠 标 左 键 拖 动 ， 等 比例 缩放 该 素材 ， 调 整 完成 后 
上 按 Enter 键 完成 置 入 ， 如 图 9-318 所 示 。 然 后 在 “图 层 ” 面 板 
i 中 右 击 该 图 层 ， 在 弹出 的 快捷 菜单 中 执行 “ 栅 格 化 图 层 ” 命 
图 9-514 ; 令 ， 如 图 9-319 所 示 。 
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图 9-315 图 9-516 图 9-317 
选择 工具 箱 中 的 “ 算 形 选 框 工具 ”， 在 素材 上 绘制 一 个 矩形 选区 ， 如 图 9-320 所 示 。 
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图 9-318 图 9-519 图 9-320 
了 在 保持 当前 选区 的 状态 下 单 击 “图 层 ”面板 底部 的 “添加 图 层 蒙 版 ”按钮 ， 以 当前 选 pe | 
区 为 该 图 层 添加 图 层 蒙 版 。 选 区 以 内 的 部 分 为 显示 状态 ， 选 区 以 外 的 部 分 被 隐藏 ， 蒙 版 效果 如 nn 
图 9-321 所 示 ， 此 时 画面 效果 如 图 9-322 所 示 。 EN ~ Ti 00% ~ 


了 B 为 该 图 片 添加 图 层 样式 .在 “图 层 ” 面 板 中 选中 素材 1 图 层 ， 执 行 “ 图 层 > 图 层 样式 > Wi: 8 /小 二 @ tos io0% ~ 
斜面 和 浮雕 ”命令 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 设置 “样式 ”为 “内 斜面 ”，“ 方 法 为。 。 | 
“平滑 ，”“ 深 度 ”为 100%，“ 大 小 ”为 1 像素 ，“ 角 度 ” 为 -78 度 ，“ 高 度 ” 为 16 度 ，“ 高 光 
模式 ”为 “ 滤 色 ”， 颜 色 为 白色 ，“ 不 透明 度 ” 为 75%，“ 阴 影 模式 ”为 “正片 全 底 ”， 阴 影 - P+ 人 
颜色 为 黑色 ，“ 不 透明 度 ” 为 75%， 设 置 完成 后 单 击 “ 确 定 ” 按 钮 ， 如 图 9-323 所 示 。 此 时 画面 oo 
呈现 斜面 和 浮雕 效果 ， 如 图 9-324 所 示 。 


图 9-321 


| 
站 异 
上 


上 
乾 名 国生 
Sy os 

一 
Re 一 区- 


AR 


转 田 


pi 


图 9-322 图 9-323 图 9-324 
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项 在 画面 右上 角 制 作 “ON” 键 ， 在 工具 箱 中 右 击 形 上 
状 工具 组 ， 从 中 选择 “ 圆 角 和 矩形 工具 ”， 在 选项 栏 中 设置 
“ 描 边 " 为 | 


“绘制 模 式 ”为 “形状 ”， “填充” 为 浅 灰 色 ， 


无 ，“ 半 径 ” 为 20 像 素 ， 参 数 设 置 如 图 9-325 所 示 。 设 置 完 上 
成 后 在 图 片 右 上 方 绘制 ， 如 图 9-326 所 示 。 上 
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图 9-326 i 

2 制作 圆 角 和 矩形 的 立体 效果 。 在 “图 层 ” 面 板 中 选 | 
中 国 角 和 矩形 图 层 ， 执 行 “ 图 层 > 图 层 样式 > 斜面 和 浮 扶 ” 命 
令 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 设置 “样式 ”为 “内 斜 


面 ”，“ 方 法 ”为 “平滑 ”，“ 深 度 ” 为 21%， 

29 像 素 ，“ 软 化 ”为 11 像 素 ，“ 和 角度 ”为 120 度 ， 
为 30 度 ，“ 高 光 模 式 ” 为 “ 滤 色 ”， 颜 色 为 白色 ， 
度 ” 为 75%， 
色 ，“ 不 透明 度 ” 为 75%， 设 置 完成 后 单 击 “确定 ”按钮 ， 
如 图 9-327 所 示 。 此 时 画面 呈现 立体 效果 ， 如 图 9-328 所 示 。 
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“不 透明 
“阴影 模式 ”为 “正片 天 底 ”， 阴 影 颜色 为 黑 


-如 图 9-333 所 示 。 在 “图 层 ” 面 板 中 选中 国 角 算 形 
i 行 “ 图 层 > 图 层 样式 > 斜面 和 浮雕” 命令 ， 在 弹出 的 “图 层 样 


图 9-528 
在 按键 上 方 输入 文字 。 选 择 工 具 箱 中 的 “ 横 排 文字 


! 工具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 设 置 文字 颜色 
# 为 橙色 ， 设 置 完 毕 后 在 按钮 上 单 击 ， 输 入 文字 ， 如 图 9-329 


所 示 。 在 “图 层 ” 面 板 中 单 击 选中 该 文字 图 层 ， 使 用 复制 图 
层 快 捷 键 Ctrl+J 复 制 出 一 个 相同 的 图 层 。 接 着 将 复制 图 层 的 


i 文字 颜色 设置 为 白色 ， 然 后 按 住 Ctrl 键 的 同时 按 住 鼠标 左 键 


向 下 拖 动 字母 ， 如 图 9-330 所 示 。 
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图 9-330 


隔 在 “图 层 ” 面 板 中 选中 白色 文字 图 层 ， 按 住 鼠标 左 


i 键 向 下 拖 至 橙色 文字 图 层 下 方 ， 如 图 9-331 所 示 。 此 时 按键 
| 制作 完成 ， 效 果 如 图 9-332 所 示 。 


一 继续 制作 按键 ， 用 同样 的 方法 制作 一 个 圆 角 矩形， 
层 ， 执 


式 ” 对 话 框 中 设置 “样式 ”为 “内 和 斜面 ”， 
滑 ”，“ 深 度 ” 为 1%，“ 大 小 ”为 35 像 素 ， 
素 ， “角度” 为 120 度 ，“ 高 度 ” 为 30 度 ， 
“ 滤 色 ”，“ 不 透明 度 ” 为 75%， 
底 ”， 阴 影 颜色 为 黑色 ， 


图 9-335 所 示 。 
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图 9-334 


区 在 “图 层 ”面板 中 单 击 选中 该 圆 角 矩 形 图 层 ， 使 用 ! 
复制 图 层 快捷 键 Ctrl+J 复 制 出 一 个 相同 的 图 层 。 然 后 将 圆 角 
角 和 矩形 向 上 移动 ， 并 将 其 


矩形 的 填充 设置 为 咖啡 色 ， 再 将 
图 层 样式 删除 ， 如 图 9-336 所 示 。 


“方法 "为 “ 平 上 
“软化 " 为 5 像 
“高 光 模式 ”为 
“阴影 模式 ”为 “正片 又 
“不 透明 度 ”为 75%， 设 置 完成 后 
单 击 “确定” 按钮 ， 如 图 9-334 所 示 。 此 时 加 角 逢 形 效 果 如 


图 9-335 
选中 咖啡 色 圆 角 和 矩形 图 层 ， 应 用 “斜面 和 浮雕 ” 效 


图 9-336 


: 果 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 设置 “样式 ”为 “内 鲜 


| 面 "， 


: “方法 ”为 “平滑 ”，“ 深 度 ” 为 1000%，“ 方 向 ” 
i 为 “< 上 ”，“ 软 化 ”为 16 像 素 ， “角度 ”为 -90 度 ，“ 高 
i 度 ” 为 26 度 ，“ 高 光 模式 ”为 “ 滤 色 ”， 颜 色 为 白色 ，“ 不 


透明 度 ” 为 100%，“ 阴 影 模 式 ” 为 “正片 达 底 ”， 阴 影 颜 
色 为 黑色 ，“ 不 透明 度 ” 为 100%， 如 图 9-337 所 示 。 此 时 按 
键 呈现 立体 效果 ， 如 图 9-338 所 示 。 
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图 9-338 


选择 工具 箱 中 的 “ 横 排 文 字 工 具 ”， 在 选项 栏 中 


: 设置 合适 的 字体 、 字 号 ， 设 置 文字 颜色 为 灰色 ,设置 完毕 后 


卡 状 秃 园 电 协 必 澡 


在 按键 上 单 击 输入 文字 ， 如 图 9-339 所 示 。 选 中 文字 图 层 ， 执 行 “ 图 层 > 图 层 样式 > 投影 ”命令 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 
设置 “混合 模式 ”为 “正片 友 底 ”， 阴 影 颜色 为 黑色 ，“ 不 透明 度 ” 为 75%，“ 和 角度 ”为 124 度 ，“ 距 离 ” 为 9 像素 ，“ 扩 展 ”为 
6%，“ 大 小 ”为 2 像素 ， 设 置 完 成 后 单 击 “确定 ”按钮 ， 如 图 9-340 所 示 ， 此 时 按键 效果 如 图 9-341 所 示 。 
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图 9-339 图 9-340 
制作 左下 角 播放 控件 。 右 击 选 框 工 具 组 ， 在 工具 组 列表 中 选择 “椭圆 选 框 工具 ”， 在 选项 栏 中 单 击 “ 添 加 到 选区 ” 


按钮 ， 在 画面 中 按 住 Shift 键 的 同时 按 住 鼠标 左 键 并 拖 动 ， 绘 制 多 个 圆 形 选区 ， 此 时 所 绘制 的 选区 被 添加 到 一 个 选区 中 ， 如 
图 9-342 所 示 。 新 建 图 层 ， 将 前 景色 设置 为 深 咖 色 ， 使 用 填充 前 景色 快捷 键 AltDelete 进 行 快速 填充 ， 效果 如 图 9-343 所 示 。 绘 制 
完成 后 按 Ctrl+D 快 捷 键 快速 取消 选区 。 
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图 9-341 图 9-542 图 9-343 


区 选中 该 图 层 ， 执 行 “ 图 层 > 图 层 样式 > 斜面 和 浮雕 ”命令 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 设置 “样式 ”为 “内 和 斜 
面 ”，“ 方 法 ”为 “平滑 ”，“ 深 度 ” 为 205%，“ 大 小 ”为 3 像素 ，“ 角 度 ” 为 -90 度 ，“ 高 度 ”为 26 度 ，“ 高 光 模式 ” 
为 “ 滤 色 ”， 高 光 颜 色 为 白色 ，“ 不 透明 度 ” 为 75%，“ 阴 影 模式 ”为 “正片 又 底 ”， 阴 影 颜色 为 棕色 ，“ 不 透明 度 ”为 
75%， 设 置 完 成 后 单 击 “ 确 定 ” 按 钮 ， 如 图 9-344 所 示 。 此 时 画面 呈现 立体 效果 ， 如 图 9-345 所 示 。 


区 制作 播放 控件 [= 
的 按钮 部 分 。 新 建 图 | 一 
层 ， 在 工具 组 列表 中 选 | 启 i a 下 
择 “椭圆 选 框 工具 ”， = 区 ee 
按 住 Shift+Alt 快 捷 键 绘 | :车 和 < Em 
制 中 心 等 比例 圆 形 选 “Dm 囊 
区 ， 如 图 9-346 所 示 。 接 | :aas 日 OE 
着 选择 工具 箱 中 的 “ 渐 | J 人 ss | ae A Smee 
变 工具 ”， 在 选项 栏 中 “| 和 * 下 
编辑 一 个 由 浅 香槟 色 到 me 7 
深秋 棕色 的 浙 变色 条 ， | 一目。 a 
单 击 “ 径 向 渐变 ” 按 
钮 ， 如 图 9-347 所 示 。 图 9-344 图 9-345 


名 在 画面 中 按 住 鼠 标 左 键 从 中 心 向 右 侧 拖 动 ， 如 图 9-348 所 示 。 松 开 鼠 标 后 的 画面 效果 如 图 9-349 所 示 。 然 后 按 CtrlHD 快 
捷 键 快速 取消 选区 。 


0- 国王 0 位 :| -过 图 -加 son 和 站 
- 全 13 人 RGB/B]” 下 3 
+ 国 了 9 | ,| 预 训 ©- 

3 DY, 人 EL 
的 | 4 4 GE 三 
| 六 了 | OIG 

于 也 
可 i 各 给) 一 
六 2 图 
6. - .|| saw Ee ED 
.TT. 
0. ne. Na XE 
全 yo 于 大 MJ): 100 和 % 
© 一 a 
a 画 > 
转 * 雷 ]|||5 和 
对 上 回 吕 | 于 去 
回 四 ,| 
全 [二 
图 9-346 图 9-347 图 9-348 


选择 正 圆 图 层 ， 执 行 “ 图 层 > 图 层 样式 > 斜面 和 浮雕 ”命令 ， 在 弹出 的 “图 层 样 式 ” 对 话 框 中 设置 “样式 ”为 “内 
斜面 ”，“ 方 法 ”为 “平滑 ”，“ 深 度 ” 为 62%，“ 大 小 ”为 9 像素 ， “角度” 为 -85 度 ，“ 高 度 ” 为 26 度 ，“ 高 光 模式 ” 
为 “ 滤 色 ”， 高 光 颜 色 为 白色 ，“ 不 透明 度 ” 为 73%，“ 阴 影 模式 ”为 “正片 乔 底 ”， 阴 影 颜色 为 棕色 ，“ 不 透明 度 ” 为 
75%， 设 置 完成 后 单 击 “ 确 定 ”按钮 ， 如 图 9-350 所 示 ， 此 时 圆 形 按键 的 效果 如 图 9-351 所 示 。 
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区 在 “图 层 ” 面 板 中 单 击 选 中 正 圆 图 层 ， 使 用 复制 图 层 快捷 键 Ctrl+J 复 制 出 一 个 相同 的 图 层 。 接 着 使 用 自由 变换 快捷 键 
CtrlHT， 此 时 对 象 进入 自由 变换 状态 ， 将 光标 定位 到 定 界 框 一 角 处 ， 按 住 鼠 标 左 键 并 拖 动 ， 将 其 缩放 到 合适 大 小 ， 如 图 9-352 
所 示 。 调 整 完成 后 按 Enter 键 确认 操作 。 接 下 来 按 住 鼠 标 左 键 将 复制 的 图 层 向 左 侧 圆 内 拖 动 ， 如 图 9-353 所 示 。 

用 同样 的 方法 复制 左 侧 圆 形 小 按键 ， 按 住 鼠 标 将 拷贝 图 层 拖 动 到 右 侧 ， 如 图 9-354 所 示 。 


在 中 间 按 键 上 继续 制作 较 小 的 渐变 圆 。 首 先 选 择 “ 椭 圆 选 框 工具 ”， 按 住 Shift+Alt 快 捷 键 绘 制 中 心 等 比例 圆 形 选 
区 ， 如 图 9-355 所 示 。 接 着 选择 “渐变 工具 ”， 继 续 在 选项 栏 中 编辑 一 个 由 浅 香槟 色 到 深 香 槟 色 的 渐变 色 条 ， 单 击 “ 径 向 渐 
变 ” 按 钮 ， 如 图 9-356 所 示 。 

留 在 画面 中 按 住 鼠标 左 键 从 选区 底部 向 上 方 拖 动 ， 如 图 9-357 所 示 ， 松 开 鼠 标 后 的 画面 效果 如 图 9-358 所 示 。 然 后 按 
Ctrl+D 快 捷 键 快速 取消 选区 。 
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图 9-355 图 9-356 图 9-357 图 9-358 
项 制作 播放 图 标 。 选 择 工具 箱 中 的 “钢笔 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 咖啡 色 ， 
“ 描 边 ”为 无 ， 设 置 完成 后 在 画面 中 进行 绘制 ， 如 图 9-359 所 示 。 在 “图 层 ”面板 中 单 击 选 中 正 圆 图 层 ， 然 后 单 击 鼠 标 右键 ， 
在 弹出 的 快捷 菜单 中 执行 “拷贝 图 层 样式 ”命令 ， 将 “斜面 和 浮雕 ”图 层 样式 进行 拷贝 ， 如 图 9-360 所 示 。 


葬 选择 三 角形 图 层 ， 然 后 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 执行 “粘贴 图 层 样式 ”命令 ， 如 图 9-361 所 示 。 此 时 播放 
图 标 被 赋予 了 图 层 样式 ， 效 果 如 图 9-362 所 示 。 
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若 使 用 “钢笔 工具 ”绘制 播放 器 的 “前 一 首 ”图 标 ， 如 图 9-363 所 示 。 接 着 在 “图 层 ”面板 中 用 同样 的 方法 拷贝 图 层 样 
式 并 粘贴 到 该 图 层 中 ， 如 图 9-364 所 示 。 
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图 9-362 图 9-364 


区 在 “图 层 ” 面 板 中 单 击 选中 “前 一 首 ” 图 
标 图 层 ， 使 用 复制 图 层 快捷 键 Ctrl+J 复 制 出 一 个 相 
同 的 图 层 。 使 用 自由 变换 快捷 键 CtrlHT， 此 时 对 象 
进入 自由 变换 状态 ， 在 对 象 上 单 击 鼠 标 右键 ， 在 弹 
出 的 快捷 菜单 中 执行 “水 平 翻转 ”命令 ， 如 图 9-365 
所 示 。 接 着 将 该 图 形 移 到 播放 控件 的 右 侧 ， 位 置 调 
整 完成 后 按 Enter 键 完成 操作 ， 如 图 9-366 所 示 。 

七 制作 进度 条 的 调节 线 底 。 在 工具 箱 中 右 击 
形状 工具 组 ， 在 形状 工具 组 列表 中 选择 “ 圆 角 矩形 工 
具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”， 
“填充 ”为 浅 棕色 ，“ 描 边 ” 为 无 ，“ 半 径 ” 为 80 
像素 ， 设 置 完成 后 在 图 片 下 方 绘制 调节 线 底 ， 如 
图 9-367 所 示 。 
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图 9-367 


图 为 调节 线 底 图 层 添加 图 层 效果 ， 执 行 “图 层 > 图 层 样 主 

式 > 斜面 和 浮雕 ”命令 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 设置 
“深度 ”为 
“高 度 ” 为 16 夺 
“不 透明 下 
“阴影 模式 ”为 “正片 司 底 ”， 阴 影 颜色 为 棕 二 


“样式 ”为 “内 斜面 ”，“ 方 法 ”为 “平滑 ”， 
100%，“ 大 小 ”为 1 像素 ，“ 和 角度 ”为 -78 度 ， 
度 ，“ 高 光 模式 ”为 “ 滤 色 ”， 高 光 颜 色 为 白色 ， 
度 ” 为 75%， 
色 ，“ 不 透明 度 ” 为 75%， 设 置 完成 后 单 击 “ 确 定 ”按钮 ， 
如 图 9-368 所 示 ， 此 时 调节 线 底 效果 如 图 9-369 所 示 。 
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图 9-365 
i 在 调节 线 底 上 方 绘制 调节 横 线 ， 如 图 9-370 所 示 。 


图 9-369 
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图 9-370 
单 击 选中 该 图 层 ， 为 该 图 层 添加 图 层 效 果 。 执 行 


se EE i “图 层 > 图 层 样式 > 斜面 和 浮雕 ”命令 ， 在 弹出 的 “图 层 样 
下 | 式 ”对 话 框 中 设置 “样式 ”为 “内 斜面 ”，“ 方 法 ”为 “ 平 
Es A i 滑 ”， “深度” 为 1%，“ 方 向 ”为 “上 ”，“ 大 小 ”为 35 
上 日 NE i 像素 ，“ 软 化 ”为 5 像素 ，“ 角 度 ”为 120 度 ，“ 高 度 ” 为 30 
Ee | 度 ，“ 高 光 模式 ”为 “ 滤 色 ”， 高 光 颜色 为 白色 ，“ 不 透明 

EE ， GE i 度 ” 为 75%，“ 阴 影 模式 ”为 “正片 到底 ”， 阴 影 颜色 为 棕 
de i 色 ，“ 不 透明 度 ” 为 73%， 设 置 完成 后 单 击 “ 确 定 ” 按 钮 ， 


选择 “ 圆 角 和 矩形 工具 ”， 将 “填充 ”设置 为 橙色 ， 


} 如 图 9-371 所 示 ， 此 时 调节 横 线 效果 如 图 9-372 所 示 。 


使 用 同样 的 方式 制作 调节 按钮 ， 效 果 如 图 9-373 所 示 。 
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留 同样 的 方法 制作 音量 按钮 ， 如 图 9-374 所 示 。 

固 制作 视频 播放 器 的 字母 控件 。 首 先 在 音量 按键 下 方 使 用 “椭圆 选 框 工具 ”并 按 住 Shif 键 绘制 一 个 正 圆 选 区 ， 如 图 9-375 
所 示 。 接 着 选择 “和 矩形 选 框 工具 ”， 在 选项 栏 中 单 击 “ 添 加 到 选区 ”按钮 ， 在 画面 中 沿 着 圆 形 选区 边缘 按 住 鼠 标 左 键 并 拖 
动 ， 绘 制 一 个 矩形 选区 ， 此 时 两 个 选区 合并 为 一 个 选区 ， 如 图 9-376 所 示 。 
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图 9-374 图 9-375 图 9-376 


新 建 图 层 ， 将 前 景色 设置 为 橙色 ， 使 用 前 景色 进行 填充 ， 填 充 完成 后 取消 选区 ， 如 图 9-377 所 示 。 接 着 为 小 黄 线 添 
加 图 层 样式 。 执 行 “图 层 > 图 层 样式 > 斜面 和 浮雕 ”命令 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 设置 “样式 ”为 “内 斜面 ”，“ 方 
法 ”为 “平滑 ”，“ 深 度 ” 为 42%，“ 大 小 ”为 9 像素 ，“ 和 角度 ”为 -90 度 ，“ 高 度 ” 为 26 度 ，“ 高 光 模 式 ” 为 “ 滤 色 ”， 
高 光 颜 色 为 白色 ，“ 不 透明 度 ” 为 75%，“ 阴 影 模 式 ” 为 “正片 又 底 ”， 阴 影 颜 色 为 “橙色 ”，“ 不 透明 度 ” 为 100%， 如 
图 9-378 所 示 ， 设 置 完 成 后 单 击 “ 确 定 ”按钮 ， 效 果 如 图 9-379 所 示 。 
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在 “图 层 ” 面 板 中 选中 音量 加 号 键 图 层 ， 复 制 该 图 层 ， 并 将 复制 的 图 层 拖 到 字幕 控件 小 黄 线 右 侧 ， 如 图 9-380 所 示 。 


新 建 图 层 ， 绘 制 一 个 橘 色 的 正 圆 ， 如 图 9-381 所 示 。 然 后 为 该 图 层 添加 “斜面 和 浮雕 ”图 层 样式 。 执 行 “ 图 层 > 图 层 样 
式 > 斜面 和 浮雕 ”命令 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 设置 “样式 ”为 “内 斜面 ”，“ 方 法 ”为 “平滑 ”，“ 深 度 ” 为 42%， 
“角度 ”为 120 度 ，“ 高 度 ” 为 30 度 ，“ 高 光 模式 ”为 “ 滤 色 ”， 高 光 颜 色 为 白色 ，“ 不 透明 度 ” 为 75%，“ 阴 影 模 式 ” 为 “ 正 
片 琶 底 ”， 阴 影 颜色 为 黑色 ，“ 不 透明 度 ” 为 75%， 如 图 9-382 所 示 。 设 置 完 成 后 单 击 “ 确 定 ”按钮 ， 效 果 如 图 9-383 所 示 。 
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图 9-580 图 9-381 图 9-382 图 9-585 
选择 工具 箱 中 的 “ 横 排 文 字 工具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 设 置 文字 颜色 为 浅 棕色 ， 设 置 完 毕 后 在 画 
面 中 控件 左 侧 位 置 单 击 ， 接 着 输入 文字 ， 如 图 9-384 所 示 。 文 字 输 入 完毕 后 按 Ctrl+Enter 快 捷 键 。 选 择 文字 图 层 ， 按 Ctrl+tJ 快 捷 
键 将 文字 图 层 进行 复制 ， 然 后 将 文字 颜色 更 改 为 深 咖啡 色 ， 将 文字 适当 向 上 移动 ， 如 图 9-385 所 示 色 。 
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留 使 用 同样 的 方法 制作 控件 另 一 侧 的 文字 ， 效 果 如 图 9-386 所 示 。 本 案例 制作 完成 ， 效 果 如 图 9-387 所 示 。 
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AN 
D 3) 使 用 “样式 ”面板 
2 

在 UI 的 设计 制作 中 ， 经 常 需要 对 不 同 的 模块 使 用 相同 的 图 层 样式 ， 而 “样式 ”面板 为 此 类 操作 提供 了 便利 。 可 以 将 已 
有 的 图 层 样式 储存 在 “样式 ”面板 中 ， 然 后 选择 未 被 赋予 图 层 样式 的 图 层 ， 直 接 单 击 “ 样 式 ”面板 中 的 样式 ， 即 可 使 其 产 
生 相同 的 图 层 样式 。 


全 


执行 “窗口 > 样式 ”命令 ， 在 打开 的 “样式 ”面板 中 ， 可 以 清除 为 图 岂 旺 下 日 ”了 ”用 m op tst 
层 添加 的 样式 ， 也 可 以 新 建 和 删除 样式 ， 如 图 9-388 所 示 。 加 
《1) 打开 psd 文 件 ， 首 先 在 “图 层 ”面板 中 选择 一 个 图 层 ， 如 图 9-389 时 时 轩 时 轩辕 ee 
所 示 。 然 后 在 “样式 ”面板 中 单 击 需要 应 用 的 样式 ， 如 图 9-390 所 示 。 } wa 
(2) 此 时 可 以 看 到 在 “图 层 ”面板 中 该 图 层 上 出 现 了 多 个 图 层 样式 ， 六 内 式 志 3 | te. 
如 图 9-391 所 示 。 并 且 原 图 层 外 观 也 发 生 了 变化 ， 如 图 9-392 所 示 。 出 除 样式 | 3 Web fet 
2 
图 9-388 
pean @TOA 人 
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图 9-389 图 9-390 


9.3.2 将 图 层 样式 储存 在 “样式 ”面板 中 


在 “图 层 ”面板 中 选择 该 图 层 ， 然 后 在 “样式 ”面板 下 单 击 “创建 
新 样式 ”按钮 [ 虽 ]， 在 弹出 的 “新 建 样式 ” 对 话 框 中 为 样式 设置 一 个 名 
称 ， 单 击 “ 确 定 ”按钮 后 ， 新 建 的 样式 会 保存 在 “样式 ”面板 的 末尾 ， 
在 “新 建 样式 ”对 话 框 中 选中 “包含 图 层 混合 选项 ” 复 选 框 ， 创 建 的 样 
式 将 具有 图 层 中 的 混合 模式 ， 如 图 9-393 所 示 。 


可 以 将 设置 好 的 样式 保存 到 “样式 ”面板 中 ， 也 可 以 
在 面板 菜单 中 选择 “存储 样式 ”命令 ， 打 开 “ 另 存 为 ”对 
话 框 ， 然 后 为 其 设置 一 个 名 称 ， 将 其 保存 为 一 个 单独 的 样式 
库 ， 如 图 9-394 和 图 9-395 所 示 。 


堪 入 样式 


“样式 ”面板 菜单 的 下 半 部 分 是 Photoshop 提 供 的 预 设 


样式 库 ， 选 择 一 种 样式 库 ， 系 统 会 弹出 一 个 提示 对 话 框 。 
如 果 单 击 “ 确 定 ”按钮 ， 可 以 载 入 样式 库 并 替换 掉 “样式 ” 


面板 中 的 所 有 样式 ; 如 果 单 击 “ 追 加 ”按钮 ， 则 该 样式 库 


”会 添加 到 原 有 样式 的 后 面 ， 如 图 9-396 所 示 ， 效 果 如 图 9-397 
i 所 示 。 
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让 案例 实战 一 一 质感 水 晶 文 字 j 3500 像 素 ，“ 高 度 ”为 2514 
文件 路 径 。 。 第 9 章 \ 质 感 水 晶 文字 i 像素 ，“ 分 辩 率 ”为 72 像 素 / 
准 另 指数。 帘 闪 闪闪 英寸 的 新 文档 ， 如 图 9-399 所 
案例 效果 未. 迁 择 工具 条 中 的 “本息 ”年 司 RENY 
二 工具 ”， 在 工具 箱 的 底部 设 
案例 效果 如 图 9-398 所 示 。 置 前 景色 为 银白 色 ， 接 着 使 
操作 步骤 用 和 柔 边 圆 画 笔 在 画面 的 四 周 
加 执行 “文件 > 打开 ”命令 ， 创 建 一 个 “宽度 ”为 进行 涂抹 ， 如 图 9-400 所 示 。 0 
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图 9-400 
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区 新 建 图 层 ， 设 置 前 景色 为 蓝 色 ， 选 择 工 具 箱 中 的 “矩形 选 框 工具 ”， 在 画面 中 按 住 Shift 键 并 按 住 鼠 标 左 键 拖 息 绘制 
合适 的 正方 形 选 区 ， 为 其 填充 前 景色 ， 如 图 9-401 所 示 。 对 其 执行 “ 滤 镜 > 模糊 > 动感 模糊 ”命令 ， 在 弹出 的 “动感 模糊 ”对 话 
框 中 设置 “角度 ”为 0 度 ，“ 距 离 ”为 150 像 素 ， 如 图 9-402 所 示 ， 设 置 完 成 后 单 击 “ 确 定 ”按钮 ， 效 果 如 图 9-403 所 示 。 

区 复制 动感 模糊 填充 图 层 并 置 于 其 上 方 ， 设 置 图 层 的 “不 透明 度 ” 为 70%， 如 图 9-404 所 示 。 按 Ctrl+T 快 捷 键 执行 “自由 
变换 ”命令 ， 单 击 上 鼠标 右键 ， 在 弹出 的 快捷 菜单 中 执行 “ 顺 时 针 旋 转 90 度 ”命令 ， 接 着 按 Enter 键 确认 操作 ， 效 果 如 图 9-405 
所 示 。 
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加 在 四 ©. 外 加 会 让 
图 9-401 图 9-402 图 9-403 图 9-404 图 9-405 
了 B 选择 工具 箱 中 的 “ 圆 角 和 矩形 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 蓝 色 ，“ 半 径 ” 为 8 像 
素 ， 如 图 9-406 所 示 。 在 画面 中 按 住 Shif 键 并 拖 动 鼠标 绘制 正 圆 角 矩形 ， 如 图 9-407 所 示 。 
| 各 -| 上 | 圳 : 国 | 霹 2:[7JB 点 ”1-][ 二 一 -|w: [eo.o6] 62 Hi |6s1.s6] | 日 尼 雹 | 浆 . 冯 :已 信 素 ] 


图 9-406 

区 B 为 该 圆 角 矩 形 图 层 添加 图 层 样式 ， 执 行 “ 图 层 > 图 层 样式 > 描 边 ” 命 令 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 设置 “大 
小 ”为 10，“ 位 置 ”为 外 部 ，“ 填 充 类 型 ”为 颜色 ，“ 颜 色 ” 为 蓝 色 ， 如 图 9-408 所 示 。 加 选 “ 内 发 光 ” 复 选 框 ， 设 置 “ 混 
合 模式 ”为 “正常 ”，“ 不 透明 度 ” 为 530%， 颜 色 为 白色 ，“ 方 法 ”为 “柔和 ”， 选 中 “边缘 ” 单 选 按钮 ， 设 置 “ 阻 塞 ” 为 
0%，“ 大 小 ”为 100 像 素 ， 如 图 9-409 所 示 。 设 置 完毕 后 单 击 “确定 ”按钮 ， 效 果 如 图 9-410 所 示 。 

按 住 Ctrl 键 并 单 击 图 层 缩 览 图 载 入 选区 ， 新 建 图 层 并 填充 白色 ， 如 图 9-411 所 示 。 单 击 “ 图 层 ” 面 板 底部 的 “添加 图 层 
蒙 版 ”按钮 ， 为 其 添加 图 层 蒙 版 ， 使 用 黑色 和 柔 边 圆 画 笔 在 蒙 版 中 涂抹 多 余 区 域 。 并 设置 图 层 的 “不 透明 度 ” 为 10%， 如 图 9-412 
所 示 ， 效 果 如 图 9-413 所 示 。 
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名 选择 “ 横 排 文 字 工具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 
并 设置 文字 颜色 为 白色 ， 设 置 完成 后 在 画面 中 合适 位 置 单 击 鼠 标 左 键 插 
入 光标 ， 建 立 文字 输入 的 起 始点 ， 接 着 输入 文字 ， 文 字 输入 完毕 后 按 
Ctrl+Enter 快 捷 键 确认 操作 ， 如 图 9-414 所 示 。 同 样 为 文字 图 层 添 加 图 层 样 
式 ， 对 其 执行 “图 层 > 图 层 样式 > 描 边 ”命令 ， 在 弹出 的 “图 层 样式 ”对 
话 框 中 设置 “大 小 ”为 10 像 素 ，“ 位 置 ”为 “外 部 ”，“ 填 充 类 型 ”为 
“颜色 ”， 设 置 合适 的 描 边 颜色 ， 如 图 9-415 所 示 ， 单 击 “ 确 定 ” 按 钮 ， 站 


- 取 所 计 
效果 如 图 9-416 所 示 。 四 反 国 0. 外 加 语 汪 
用 同样 的 方法 制作 其 他 的 质感 水 晶 ， 如 图 9-417 所 示 。 图 9-412 A 
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图 9-416 图 9-417 


图 9-414 


文件 ， 如 图 9-419 所 示 。 
新 建 图 层 “1”， 单 击 工具 箱 中 的 “和 矩形 选 框 工 


难 易 指数 。。 育 窑 窑 安 窜 


具 ” 按钮 EE]， 执 行 “选择 > 修改 > 平滑 ”命令 ， 在 弹出 的 
案例 效果 i “平滑 选区 ”对 话 框 中 设置 “取样 半径 ”为 30 像 素 ， 设 置 完 

成 后 单 击 “ 确 定 ”按钮 ， 如 图 9-420 所 示 。 在 工具 箱 的 底部 设 
A 上 ; 置 前 景色 为 浅 蓝 色 ， 接 着 为 选区 填充 前 景色 ， 效 果 如 图 9-421 
操作 步 了 所 示 。 由 于 后 面 将 对 该 图 层 进行 渐变 甘 加 ， 所 以 此 处 的 颜色 


[0 执行 “文件 > 打开 ”命令 ， 打 开 背 景 素材 “1jpg” | 不 会 出 现在 最 终 效果 中 。 
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图 9-418 图 9-419 图 9-420 


执行 “图 层 > 图 层 样式 > 斜面 和 浮雕 ”命令 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 设置 “样式 ”为 “内 斜面 ”，“ 方 法 ” 
为 “平滑 ”，“ 深 度 ” 为 42%，“ 方 向 ”为 “上 ”，“ 大 小 ”为 120 像 素 ，“ 和 角度 ”为 90 度 ， 取 消 选 中 “使 用 全 局 光 ” 复 选 
框 ，“ 高 度 ” 为 70 度 ，“ 高 光 模 式 ”为 “ 滤 色 ”， 颜 色 为 白色 ，“ 不 透明 度 ” 为 735%，“ 阴 影 模式 ”为 “正片 释 底 ”， 颜 色 
为 黑色 ，“ 不 透明 度 ” 为 75%。 加 选 “ 渐 变 倒 加 ” 复 选 框 ， 设 置 其 “混合 模式 ”为 “正常 ”，“ 不 透明 度 ” 为 100%，“ 浙 
变 ” 为 绿色 到 黄色 的 渐变 ，“ 样 式 ” 为 “线性 ”， 如 图 9-422 所 示 。 设 置 完成 后 单 击 “确定 ”按钮 。 
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图 9-421 图 9-422 
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了 BW 此 时 效果 如 图 9-423 所 示 。 

区 单 击 工具 箱 中 的 “ 横 排 文 字 工具 ”按钮 ITj， 在 选项 栏 中 选择 合适 的 字体 、 字 号 ， 并 设置 文字 颜色 为 蓝 色 ， 设 置 完成 
后 在 圆 角 矩形 内 单 击 鼠标 左 键 插入 光标 ， 建 立 文字 输入 的 起 始点 ， 接 着 输入 文字 ， 文 字 输入 完毕 后 按 Ctrl+Enter 快 捷 键 确认 操 
作 ， 如 图 9-424 所 示 。 
在 “图 层 ” 面 板 中 选中 文字 图 层 ， 设 置 该 图 层 的 “填充 ”为 0， 接 着 执行 “图 层 > 图 层 样式 > 投影 ”命令 。 在 弹出 的 
“图 层 样式 ”对 话 框 中 设置 “混合 模式 ”为 “正片 释 底 ”， 颜 色 为 深 绿色 ，“ 不 透明 度 ” 为 82%，“ 和 角度 ”为 117 度 ，“ 距 
离 ” 为 9 像素 ，“ 大 小 ”为 7 像素 ， 如 图 9-425 所 示 ， 效 果 如 图 9-426 所 示 。 
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图 9-423 图 9-424 图 9-425 
加 加 选 “ 斜 面 和 浮雕 ” 复 选 框 ， 设 置 “样式 ”为 “内 斜面 ”，“ 方 法 ”为 “平滑 ”，“ 深 度 ” 为 100%，“ 方 向 ”为 
“上 ”，“ 大 小 ”为 19 像 素 ，“ 软 化 ”为 4 像素 ，“ 角 度 ” 为 90 度 ，“ 高 度 ” 为 67 度 ，“ 高 光 模式 ”为 “ 滤 色 ”， 颜 色 为 白 
色 ，“ 不 透明 度 ” 为 100%，“ 阴 影 模 式 ” 为 “正片 谷底 ”， 颜 色 为 黑色 ，“ 不 透明 度 ” 为 0%。 选 中 “等 高 线 ” 选 项 ， 选 择 
一 种 等 高 线形 状 ， 并 设置 “范围 ”为 90%。 加 选 “ 描 边 ” 复 选 框 ， 设 置 “ 大 小 ”为 1 像素 ， “位置” 为 “外 部 ”，“ 混 合 模 
式 ” 为 “正常 ”，“ 颜 色 ” 为 黄色 ， 如 图 9-427 所 示 。 设 置 完 成 后 单 击 “确定 ”按钮 结束 操作 。 
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此 时 画面 效果 如 图 9-428 
所 示 。 

区 执行 “文件 > 置 入 嵌入 对 
象 ” 命令 ,将 前 景 素材 “2.png” 
置 入 文档 内 ， 将 其 放置 在 合适 的 
位 置 并 栅 格 化 ， 案 例 最 终 效 果 如 
图 9-429 所 示 。 


图 9-428 图 9-429 


六 案例 实战 一 一 卡通 播放 器 
文件 路 径 第 9 章 \ 卡 通 播放 器 上 
难 易 指数 育 容 安 容 窜 
案例 效果 
本 例 主要 利用 形状 工具 、 剪 贴 蒙 版 、 
钢笔 工具 、 图 层 样式 等 制作 播放 器 ， 如 
图 9-430 所 示 。 


操作 步骤 : 
[0D 执行 “文件 > 打开 ”命令 ， 打 开 背 景 素材 “ljpg”， 图 9-435 图 9-434 
如 图 9-431 所 示 。 选 择 工具 箱 中 的 “ 椭 贺 工具 ”， 在 工具 箱 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 置 入 森 纹 内 材 


的 底部 设置 前 景色 为 自 色 ， 在 选项 栏 中 设置 “绘制 模式 ”为 | “2 jpg”， 将 其 置 于 正 团 上 方 并 顶 格 化 ， 如 图 9-435 所 示 。 
“像素 ” ， 在 画面 中 按 住 Shif 键 并 按 住 鼠 标 左 键 拖 动 ， 绘 制 | 在 “图 层 ”面板 上 右 击 该 图 层 ， 在 弹出 的 快 所 菜单 中 执行 


一 个 自 色 的 正 图 形 ， 如 图 9-432 所 示 。 | “创建 前 贴 莹 版 ” 命令， 效果 如 图 9-436 所 示 。 


图 9-431 | 图 9-435 图 9-436 
| 使 用 “ 精 圆 工具 ”绘制 一 个 小 一 点 的 正 国 ， 如 图 9-437 
所 示 。 执 行 “ 图 层 > 图 层 样式 > 渐变 鼻 加 ”命令 ， 在 弹出 的 


oem i “图 层 样式 ”对 话 框 中 设置 “混合 模式 ”为 “正常 ”，“ 不 

到 ;透明度 ”为 100%， 接 着 编辑 一 种 黄色 系 的 渐变 ， 设 置 “ 样 

> 4 # 式 ”为 线性 ， 如 图 9-438 所 示 。 
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执行 “图 层 > 图 层 样式 > 外 发 光 ” 命 令 ， 在 弹出 的 
“图 层 样式 ”对 话 杠 中 设置 “不 透明 度 ” 为 50%， 颜 色 为 黑 oy 本 


色 ，“ 方 法 ” 为“ 柔和”，“ 大 小 ”为 40 像 素 ， 如 图 9-433 所 加 选 “ 外 发 光 ” 复 选 框 ， 设 置 “ 混 合 模式 ”为 “ 正 
示 。 设 置 完成 后 单 击 “ 确 定 ”按钮 ， 效 果 如 图 9-434 所 示 。 i 常 ”，“ 不 透明 度 ” 为 50%，“ 杂 色 ” 为 0%， 颜 色 为 黑 
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色 ，“ 方 法 ”为 “柔和 ”， 
示 。 设 置 完成 后 单 击 “ 确 定 ” 按 钮 ， 效 果 如 图 9-440 所 示 。 
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图 9-439 


图 9-440 

复制 黄色 正 圆 图 层 ， 置 于 “图 层 ” 面 板 项 部 ， 使 用 
自由 变换 快捷 键 Ctrl+T 调 出 定 界 框 ， 接 着 将 光标 定位 到 定 界 
框 的 四 角 处 ， 按 住 ShifttAlt 快 捷 键 并 按 住 鼠 标 左 键 拖 动 ， 将 
其 以 中 心 点 等 比 缩放 ， 如 图 9-441 所 示 。 按 Enter 键 完成 自由 
变换 ， 如 图 9-442 所 示 。 : 


图 9-441 图 9-442 


[0 新 建 图 层 ， 选 择 工具 箱 中 的 “椭圆 选 框 工具 ”, 在 
面 面 中 按 住 Shif 键 并 按 住 鼠标 左 键 拒 动 ， 绘 制 正 圆 选区 ， 然 后 


“大 小 ”为 40 像 素 ， 如 图 9-439 所 : 


图 9-445 图 9-446 


新 建 图 层 ， 继 续 使 用 “椭圆 工具 ”绘制 白色 正 圆 ， 
设置 “不 透明 度 ” 为 60%， 如 图 9-447 所 示 。 多 次 复制 白色 正 
圆 ， 将 其 置 于 画面 中 合适 的 位 置 ， 如 图 9-448 所 示 。 


OO 


图 9-447 图 9-448 


: 隔 新 建 图 层 ， 绘 制 白色 正 圆 ， 载 入 正 圆 选区 ， 将 选 
”区 适当 向 下 移动 ， 如 图 9-449 所 示 。 按 Delete 键 删除 选区 内 的 
; 部 分 ， 如 图 9-450 所 示 。 按 Ctrl+D 快 捷 键 取消 选区 ， 接 着 在 
“图 层 ”面板 中 设置 其 “混合 模式 ”为 “ 柔 光 ”， 如 图 9-451 
所 示 。 


单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 执行 “ 描 边 ”命令 ， 如 ! 
图 9-443 所 示 。 在 弹出 的 “ 描 边 ”对 话 框 中 设置 “宽度 ”为 20 : 


像素 ， 


所 示 。 设 置 完成 后 单 击 “ 确 定 ” 按 钮 ， 效 果 如 图 9-445 所 | 
示 。 使 用 同样 的 方法 制作 其 他 的 圆 环 ， 如 图 9-446 所 示 。 i 


“颜色 ”为 黄色 ， 选 中 “居中 ” 单 选 按钮 ， 如 图 9-444 


oO@ 


图 9-449 图 9-450 
i 嫩 选择 工具 箱 中 的 “钢笔 工具 ”， 在 圆 盘 的 下 半 部 分 
# 绘制 高 光 形状 的 闭合 路 径 ， 如 图 9-452 所 示 。 按 Ctrl+Enter 快 捷 
i 键 将 路 径 转换 为 选区 ， 新 建 图 层 并 填充 白色 ,设置 “混合 模 
j 式 ” 为 “ 柔 光 ”，“ 不 透明 度 ”为 70%， 接 着 按 CtltD 快 捷 键 


取消 选区 的 选择 ， 效 果 如 图 9-453 所 示 。 


图 9-451 图 9-452 

名 选中 所 有 圆 形 图 层 ， 使 用 图 层 编组 快捷 键 Ctrl+G 将 : 

所 选 图 层 置 于 同一 图 层 组 中 ， 并 将 其 命名 为 “播放 器 ”, 如 

图 9-454 所 示 。 置 入 绿叶 素材 “3.png” 和 小 猴 素 材 “4png”， ; 
摆 放 在 播放 器 周围 并 栅 格 化 ， 效 果 如 图 9-455 所 示 。 


图 9-453 


图 9-454 


可 置 入 水 管 素材 “5.png”， 将 其 置 于 播放 器 左 侧 并 


栅 格 化 ， 如 图 9-456 所 示 。 


图 9-455 


图 9-456 : 
多 新 建 图 层 ， 选 择 工具 箱 中 的 “图 角 矩 形 工具 ”,， 在 


选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 白色 ， 
“ 描 边 ”为 无 ，“ 半 径 ” 为 100 像 素 。 设 置 完 成 后 在 画面 中 
按 住 鼠 标 左 键 拖 动 ， 绘 制 圆 角 矩形 ， 如 图 9-457 所 示 。 


图 9-457 
酌 选中 圆 角 矩 形 图 层 ， 执 行 “图 层 > 图 层 样式 > 内 发 


i 光 ” 命 令 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 设置 “混合 模 
i 式 ”为 “正常 ”， 
i 颜色 为 黑色 ， 
i 钮 ， 设 置 “ 阻 塞 ”为 0%， 
i 示 。 设 置 完成 后 单 击 “ 确 定 ”按钮 ， 效 果 如 图 9-459 所 示 。 


“不 透明 度 ” 为 40%，“ 杂 色 ” 为 0%， 
“方法 ”为 “柔和 ”， 选 中 “边缘 ” 单 选 按 
“大 小 ”为 21 像 素 ， 如 图 9-458 所 


图 9-458 图 9-459 
置 入 木 纹 素材 “6jpg”， 将 其 置 于 矩形 项 部 并 栅 格 


| 化 ， 接 着 为 其 创建 剪贴 蒙 版 ， 此 时 这 一 部 分 圆 角 矩形 表面 呈 
i 现 出 木 纹 质感 ， 如 图 9-460 所 示 。 在 矩形 底部 新 建 图 层 ， 设 
; 置 前 景色 为 黑色 ， 使 用 “画笔 工具 ”在 圆 角 矩形 底部 绘制 阴 


影 效 果 ， 如 图 9-461 所 示 。 


图 9-460 图 9-461 
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区 制作 播放 器 四 周 的 小 木 块 。 在 “图 层 ” 面 板 项 部 新 建 图 层 ， 使 用 “钢笔 工具 ”在 画面 中 绘制 如 图 9-462 所 示 的 形状 ， 
将 其 转换 为 选区 ， 并 为 其 填充 白色 。 然 后 执行 “图 层 > 图 层 样式 > 内 发 光 ” 命 令 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 设置 “不 透 
明度 ”为 60%，“ 方 法 ”为 “柔和 ”， 选 中 “边缘 ” 单 选 按钮 ， 设 置 “大 小 ”为 30 像 素 ， 如 图 9-463 所 示 。 

加 选 “ 外 发 光 ” 复 选 框 ， 设 置 “不 透明 度 ” 为 80%， 颜 色 为 黑色 ，“ 方 法 ”为 “柔和 ”，“ 大 小 ”为 10 像 素 ， 如 图 9-464 
所 示 。 设 置 完成 后 单 击 “确定 ”按钮 ， 效 果 如 图 9-465 所 示 。 

了 区 复制 木 纹 素材 并 置 于 白色 图 形 项 部 ， 创 建 前 贴 蒙 版 ， 如 图 9-466 所 示 。 


图 9-464 图 9-465 图 9-466 


基 选择 工具 箱 中 的 “画笔 工具 ”， 在 工具 箱 的 底部 设置 前 景色 为 白色 ， 然 后 使 用 白色 画笔 在 适当 的 位 置 单 击 绘制 一 个 
形 白 点 ， 如 图 9-467 所 示 。 对 和 白 点 执行 “图 层 > 图 层 样式 > 外 发 光 ” 命 令 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 设置 其 “混合 模 
式 ” 为 “正常 ”，“ 不 透明 度 ” 为 100%，“ 方 法 ”为 “柔和 ”，“ 大 小 ”为 10 像 素 ， 如 图 9-468 所 示 。 设 置 完 成 后 单 击 “ 确 
定 ” 按 钮 ， 此 时 这 个 圆 形 呈现 内 陷 的 效果 ， 如 图 9-469 所 示 。 

加 复制 小 木 块 ， 并 使 用 自由 变换 快捷 键 Ctrl+T 将 其 旋转 并 摆 放 在 合适 位 置 ， 如 图 9-470 所 示 。 用 同样 的 方法 制作 右 侧 的 
木 梯 效果 ， 如 图 9-471 所 示 。 
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图 9-467 图 9-468 图 9-469 图 9-470 图 9-471 


选择 工具 箱 中 的 “ 横 排 文字 工具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 设 置 文字 颜色 为 黑色 ， 设 置 完成 后 在 画面 
中 适当 的 位 置 单 击 鼠 标 左 键 插 入 光标 ， 建 立 文字 输入 的 起 始点 ， 接 着 输入 文字 ， 文 字 输入 完毕 后 按 Ctrl+Enter 快 捷 键 确认 操 
作 ， 如 图 9-472 所 示 。 对 文字 图 层 执行 “图 层 > 图 层 样式 > 描 边 ” 
命令 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 设置 “大 小 ”为 10 像 素 ， 
“位 置 ”为 外 部 ，“ 混 合 模式 ”为 “正常 ”，“ 不 透明 度 ” 为 
100%，“ 填 充 类 型 ”为 “颜色 ”，“ 颜 色 ” 为 棕色 ， 如 图 9-473 
所 示 。 

区 加 选 “ 渐 变 琶 加 ”选项 ， 设 置 “ 混 合 模式 ”为 “ 正 
常 ”，“ 不 透明 度 ” 为 100%， 编 辑 一 种 黄色 系 的 渐变 ， 设 置 “ 样 
式 ” 为 “线性 ”， 如 图 9-474 所 示 。 加 选 “ 投 影 ” 选 项 ， 设 置 “ 混 
合 模式 ”为 “正常 ”， 颜 色 为 黑色 ，“ 不 透明 度 ” 为 100%，“ 角 
度 ” 为 47 度 ，“ 距 离 ” 为 20 像 素 ，“ 扩 展 ” 为 0%6，“ 大 小 ”为 25 
像素 ， 如 图 9-475 所 示 ， 效 果 如 图 9-476 所 示 。 图 9-472 图 9-473 


项 置 入 按钮 素材 “7.png”， 并 将 其 置 于 画面 中 合适 的 位 置 并 将 其 栅 格 化 ， 案 例 最 终 效果 如 图 9-477 所 示 。 
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图 9-474 图 9-475 图 9-476 


文件 路 径 第 9 章 \ 自 然 清 殉 的 登录 界面 
难 易 指数 食 合 合 食 全 


案例 效果 
案例 效果 如 图 9-478 所 示 。 
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图 9-478 


9.4.1 项 目 分 析 


本 案例 为 平板 电脑 APP 登 录 界面 ， 
此 界面 采用 了 近年 来 比较 流行 的 “小 清 
新 ”风格 。 版 面 简约 ， 用 色 淡雅 ， 添 加 
自然 元 素 ， 在 炎热 的 夏天 为 用 户 带 来 
一 丝 清爽 之 感 。 此 类 风格 可 用 于 女性 
APP， 如 购物 类 APP、 美 妆 类 APP、 生 活 
类 APP 等 。 如 图 9-479 和 图 9-480 所 示 为 优 
秀 的 界面 设计 作品 。 


图 9-479 图 9-480 
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9.4.2 布局 规划 


该 界面 采用 重心 式 构图 法 ， 登 录 模 块 简洁 明了 ， 周 围 树叶 等 元 素 围绕 主 界面 进行 展开 。 此 类 型 版 式 往往 与 水 平 或 垂直 版 


式 相 结 合 ， 整 体 以 直线 条 的 方式 表达 ， 简 洁 而 有 张力 。 文 字 以 不 同 字体 及 颜色 进行 编排 ， 更 加 活泼 、 轻 松 ， 能 给 人 带 来 没有 


束缚 的 愉悦 感 。 底 部 的 倒影 添加 得 恰到好处 ， 让 原本 简洁 的 界面 不 再 平面 化 ， 展 现 一 种 空间 效果 。 如 图 9-481 和 
为 优秀 的 登录 界面 设计 作品 。 
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图 9-481 图 9-482 


9.4.3 色彩 搭配 


图 9-482 所 示 


该 登录 界面 采用 高 明度 的 邻近 色 配色 方案 ， 清 新 的 淡 蓝 色 与 鲜嫩 的 草绿 色 带 来 春天 般 的 气息 ， 并 以 甜美 的 粉红 色 作 为 点 


级。 整体 颜色 对 比较 弱 ， 给 人 柔和 、 和 舒缓 的 视觉 感受 。 如 图 9-483 和 图 9-484 所 示 为 相似 配色 方案 的 优秀 作品 。 


A444A 人 全 A 


21° Mw 


图 9-483 图 9-484 


9.4.4 ”实践 操作 


1- 制作 背景 部 分 
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(1) 执行 “文件 > 新 建 ”命令 ， 创 建新 文档 。 选 择 工具 箱 中 的 “渐变 工具 ”， 编 辑 一 个 淡 蓝 色 的 径 向 渐变 并 进行 填充 ， 


如 图 9-485 所 示 ， 效 果 如 图 9-486 所 示 。 
(2) 执行 “文件 > 置 入 嵌入 对 象 ” 命 令 ， 置 入 素材 “1.png”， 执 行 “ 图 层 > 栅 格 化 > 智能 对 象 ”命令 ， 并 将 
中 心 位 置 ， 如 图 9-487 所 示 。 背 景 部 分 制作 完成 。 
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图 9-485 图 9-486 图 9-487 


2. 制作 主体 部 分 

(1) 选择 工具 箱 中 的 “矩形 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 “ 蓝 色 ”，“ 描 边 ”为 
无 ， 参 数 设置 完成 后 ， 在 画布 中 单 击 并 拖 动 进行 绘制 ， 如 图 9-488 所 示 。 

(2) 为 该 图 层 添加 图 层 样式 。 选 择 该 图 层 ， 执 行 “ 图 层 > 图 层 样式 > 内 发 光 ” 命 令 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 设置 
内 发 光 的 “混合 模式 ”为 “正常 ”，“ 不 透明 度 ” 为 75%， 颜 色 为 白色 ， “方法 ”为 “柔和 ”，“ 源 ”为 “边缘 ”，“ 大 小 ” 
为 114 像 素 ， “范围 ”为 50%， 如 图 9-489 所 示 。 加 选 “ 渐 变 且 加” 选项 ， 设 置 渐变 受 加 的 “混合 模式 ”为 “正常 ”，“ 不 透明 
度 ” 为 100%，“ 浙 变 ”为 淡 蓝 色 系 渐变 ，“ 样 式 ”为 “线性 ”，“ 和 角度 ”为 90 度 ， 参 数 设置 如 图 9-490 所 示 。 
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(3) 继续 选择 “投影 ”样式 ， 
设置 “混合 模式 ”为 “正常 ”，“ 角 
度 ” 为 120 度 ，“ 距 离 ” 为 8 像素 ， 
“大 小 ”为 3 像素 ， 参 数 设置 如 图 9-491 
所 示 。 参 数 设 置 完成 后 单 击 “ 确 定 ” 
按钮 ， 效 果 如 图 9-492 所 示 。 

(4) 选择 工具 箱 中 的 “文字 工 
具 ”， 在 选项 栏 中 设置 合适 的 字体 、 
字号 及 文字 颜色 。 在 画布 中 输入 文 
字 ， 并 将 一 部 分 文字 的 字号 调 小 一 
些 ， 效 果 如 图 9-493 所 示 。 
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(5) 选择 该 文字 图 层 ， 执 行 “ 图 层 > 图 层 样式 > 描 边 ”命令 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 设置 “大 小 ”为 3 像素 ， 
“位 置 ”为 “外 部 ”，“ 混 合 模式 ”为 “正常 ”，“ 不 透明 度 ” 为 100%，“ 填 充 类 型 ”为 “颜色 ”，“ 颜 色 ” 为 白色 ， 参 数 
设置 如 图 9-494 所 示 。 设 置 完成 后 单 击 “ 确 定 ” 按 钮 ， 文 字 效果 如 图 9-495 所 示 。 


FADING Is TRUE | we 区 EADING 1s TRUE 


_ 设 秆 为 Bt 认 值 | | 夏 位 为 叶 认 值 


图 9-493 图 9-494 图 9-495 


(6) 制作 其 他 文字 部 分 ， 效 果 如 图 9-496 所 示 。 将 素材 “2.png” 置 入 文件 中 ， 将 其 移动 至 合适 位 置 ， 效 果 如 图 9-497 所 示 。 
(7) 制作 按钮 部 分 ， 选 择 工具 箱 中 的 “ 圆 角 矩 形 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 青 
色 ，“ 半 径 ” 为 2 像素 ， 设 置 完成 后 在 画布 中 的 相应 位 置 绘制 一 个 圆 角 和 矩形， 如 图 9-498 所 示 。 


FADING 1s TRUE 
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图 9-496 图 9-497 图 9-498 


(8) 为 按钮 添加 图 层 样式 。 选 择 该 形状 图 层 ， 执 行 “ 图 层 > 图 层 样式 > 内 阴影 ”命令 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 
设置 “混合 模式 ”为 “正片 簿 底 ”， 颜 色 为 黑色 ，“ 不 透明 度 ” 为 30%，“ 和 角度 ”为 120 度 ，“ 距 离 ” 为 2 像素 ，“ 大 小 ” 
为 3 像素 ， 参 数 设置 如 图 9-499 所 示 。 选 中 “渐变 全 加 ”选项 ， 设 置 渐 变 倒 加 的 “混合 模式 ”为 “正常 ”，“ 不 透明 度 ” 为 
100%， 渐 变 为 深 青 色 系 渐变 ， “样式” 为 “线性 ”，“ 和 角度 ”为 180 度 ， 参 数 设置 如 图 9-500 所 示 。 

(9) 选中 “外 发 光 ” 选 项 ， 设 置 外 发 光 的 “混合 模式 ”为 “正常 ”，“ 不 透明 度 ” 为 50%， 颜 色 为 白色 ， “方法 ”为 
“柔和 ”，“ 大 小 ”为 3 像素 ， 参 数 设 置 如 图 9-501 所 示 。 参 数 设置 完成 后 单 击 “ 确 定 ” 按 钮 ， 效 果 如 图 9-502 所 示 。 
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(10) 使 用 同样 的 方法 制作 其 他 两 个 按钮 ， 并 添加 相应 文字 ， 效 果 如 图 9-503 所 示 。 
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图 9-502 图 9-503 


3 前 景 装饰 及 倒影 部 分 


(1) 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 将 果汁 素材 
“3.png” 置 入 文件 中 并 将 其 移 到 合适 位 置 ， 执 行 “图 层 > 栅 
格 化 > 智能 对 象 ”命令 ， 如 图 9-504 所 示 。 
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图 9-504 


(2) 制作 倒影 部 分 。 将 “背景 ”图 层 以 外 的 图 层 进行 
加 选 ， 按 Ctrl+Alt+E 组 合 键 将 其 合并 到 独立 图 层 。 选 择 该 图 


层 ， 执 行 “ 编 辑 > 变换 > 垂直 翻转 ”命令 ， 然 后 将 图 形 向 下 移 
动 ， 如 图 9-505 所 示 。 将 合并 的 图 层 移 至 “果汁 ”图 层 的 下 : 


一 层 ， 如 图 9-506 所 示 。 
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图 9-505 


(3) 倒影 具有 半 透 明 的 效果 ， 在 这 里 设置 该 图 层 的 
“不 透明 度 ” 为 20%， 如 图 9-507 所 示 。 画 面 效果 如 图 9-508 
所 示 。 投 影 的 半 透 明 效果 制作 完成 。 

(4) 制作 倒影 的 渐 隐 效果 。 选 择 “ 倒 影 ” 图 层 ， 单 击 
“图 层 ”面板 下 方 的 “添加 图 层 蒙 版 ”按钮 为 该 图 层 添加 图 


层 蒙 版 ， 并 使 用 黑色 和 柔 角 画笔 在 蒙 版 中 进行 涂抹 ， 如 图 9-509 
所 示 ， 效 果 如 图 9-510 所 示 ， 本 案例 制作 完成 。 
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图 9-507 
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在 UI 设计 过 程 中 经 常 需要 使 用 一 些 照 片 元素 ， 当 然 也 就 难免 需要 对 数码 照片 进行 瑕 疯 的 处 理 ， 在 Photoshop 中 有 多 种 
工具 能 够 去 除 画面 中 的 瑕 疲 ， 例如 去 除 人 物 面部 的 斑点 、 皱纹 ， 去 除 场景 中 的 杂 物 ， 去 除 多 余 的 行人 等 。 


人 @ 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 使 用 污点 修复 画笔 工具 .flv 
名 技术 速 查 : 使 用 “污点 修复 画笔 工具 ”可 以 消除 图 像 中 的 污点 和 某 个 对 象 。 
“污点 修复 画笔 工具 ”多 .主要 用 于 去 除 画 面 中 较 小 的 瑕 症 。 选 择 工 具 箱 中 的 “污点 修复 画笔 工具 ”， 将 笔尖 调整 到 能 刚 Pr 
好 覆盖 瑕 疯 的 大 小 ， 然 后 在 瑕 疲 处 单 击 鼠 标 左 键 ， 如 图 10-1 所 示 。 松 开 鼠 标 后 即 可 去 除 瑕 症 ， 如 图 10-2 所 示 。 
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选项 解读 : “污点 修复 画笔 工具 ”选项 栏 


鸟 近似 匹配 : 启用 该 选项 可 以 使 用 选区 边缘 周围 的 像素 来 查找 要 用 作 选 定 区 域 修补 的 图 像 区 域 。 
忽 创建 纹理 : 启用 该 选项 可 以 使 用 选区 中 的 所 有 像素 创建 一 个 用 于 修复 该 区 域 的 纹理 。 
总 内 容 识别 : 启用 该 选项 可 以 使 用 选区 周围 的 像素 进行 修复 。 


仿 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 修 复 画 笔 工 。 ;5 
具 的 使 用 -flv 


人 @@ 技术 速 查 : 使 用 “修复 画笔 工具 ”可 以 用 图 像 中 的 像素 。 立 世 
作为 样本 修复 图 像 的 瑕 症 。 pr 
“修复 画笔 工具 ”| 多 | 是 通过 取样 、 覆 盖 的 方式 进行 污 《> 

点 的 修复 ， 操 作 方 法 也 非常 简单 。 te 


右 击 修复 工具 组 ， 在 弹出 的 工具 列表 中 选择 “修复 画 
笔 工具 ”。 在 选项 栏 中 设置 合适 的 画笔 大 小 ， 设 置 “ 源 ”为 
“取样 ”， 然 后 在 瑕 症 周 围 的 位 置 按 住 Alt 键 进行 取样 ， 如 
图 10-3 所 示 。 在 需要 修复 的 位 置 进行 涂抹 ， 在 涂抹 的 过 程 中 
软件 会 自动 将 取样 的 样本 像素 的 纹理 、 光 照 、 透 明度 和 阴影 
与 所 修复 的 像素 进行 匹配 ， 如 图 10-4 所 示 。 继 续 涂抹 ， 直 到 
多 余 的 图 像 内 容 被 去 除 ， 效 果 如 图 10-5 所 示 。 和 
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图 10-4 图 10-5 


全 选项 解读 “修复 画笔 工具 ”选项 栏 
韶 源 : 当 设置 “ 源 ”为 “取样 ”选项 时 ， 可 以 使 用 当前 图 像 的 像素 来 修复 图 像 ; 选择 “图 案 ” 选 项 时 ， 可 以 使 用 某 个 图 | 
案 作为 取样 点 ， 接 着 设置 合适 的 笔尖 大 小 。 ! 

加 对 齐 : 选中 “对 齐 ” 复 选 框 后 ， 可 以 连续 对 像素 进行 取样 ， 即 使 释放 鼠标 也 不 会 丢失 当前 的 取样 点 。 


10.1.3 ”修补 工具 


补 工具 的 使 用 .fiv 
图 案 来 修复 所 选 图 像 区 域 中 不 理想 的 部 分 。 


@9 视频 精 讲 . Photoshop 新 手 学 视频 精 讲课 党 
入 技术 速 查 : 使 用 “修补 工具 ”可 以 利用 样本 : 

(1) 选择 工具 箱 二 
中 的 “修补 工具 ”可 
在 选项 栏 中 单 击 “ 源 ” 


按钮 ， 接 着 在 画面 中 技 。 最. 


住 鼠 标 左 键 拖 动 绘制 选 。 《2 关 ss 
区 ， 如 图 10-6 所 示 。 接  %6 
着 将 光标 放 在 选区 内 ， ~ 
按 住 鼠 标 左 键 将 其 拖 忠 ”大 
至 能 普 换 掉 选区 内 像素 。 
的 位 置 ， 效 果 如 图 10-7 

所 示 。 


DE- 3 


(2) 若 单 击 “ 目 IR se svc 
标 ” 按 钮 ， 则 会 将 选 
中 的 图 像 复 制 到 目 
标 区 域 ， 如 图 10-8 所 
示 。 若 要 填充 图 案 ， 
可 以 单 击 选项 栏 中 的 ~ 
按钮 ， 在 下 拉面 板 中 
选择 合适 的 图 案 。 接 
着 单 击 “ 使 用 图 案 ” 
按钮 ， 效 果 如 图 10-9 
所 示 。 


图 10-8 图 10-9 


人 @ 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 内 容 感知 移动 工具 的 使 用 -fv 
仿 技术 速 查 : 使 用 “内 容 感知 移动 工具 ”可 以 在 非 复杂 图 层 或 慢 速 精确 地 选择 选区 的 情况 下 快速 地 重 构图 像 。 
“内 容 感知 移动 工具 ”[ 器 可 以 将 画面 中 的 一 部 分 内 容 “ 移 动 ” 到 其 他 位 置 ， 而 原 位 置 的 内 容 会 被 “智能 ”地 填充 好 。 
(1) 选择 工具 箱 中 的 “内 容 感 知 移动 工具 ”， 
如 图 10-10 所 示 ， 在 需要 移动 的 对 象 边缘 绘制 选区 ， 
如 图 10-11 所 示 。 
(2) 在 选项 栏 中 设置 “模式 ”为 “移动 ”， 然 
后 将 光标 放置 在 选区 内 部 ， 按 住 鼠 标 左 键 拖 忠 选区 国 5 
如 图 10-12 所 示 。 将 其 移 到 相应 位 置 后 松 开 鼠 标 ， 接 (xp | 人 人 和 TR  ] 
着 画面 会 自动 将 影像 与 四 周 的 景物 融合 在 一 块 ， 而 原 于 
始 的 区 域 则 会 进行 智能 填充 ， 如 图 10-13 所 示 。 如 果 
在 选项 栏 中 设置 “模式 ”为 “扩展 ”， 那 么 选择 移动 
的 对 象 将 被 移动 并 复制 ， 如 图 10-14 所 示 。 
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图 10-12 图 10-13 图 10-14 


念 视频 精 讲 : Photoshop 新 手 学 视频 精 讲 课堂 红眼 工具 的 使 用 .flv 
昌 技术 速 查 : 使 用 “红眼 工具 ”可 以 去 除 由 闪光 灯 导 致 的 红色 反光 。 

在 光线 较 暗 的 环境 中 使 用 闪光 灯 进 行 拍照 ， 经 常会 造成 黑 眼球 变 红 的 情况 ， 也 就 是 通常 所 说 的 “红眼 ”。 在 Photoshop 中 
使 用 “红眼 工具 ”只 需 一 步 ， 就 可 以 轻松 去 除 红眼 。 

选择 工具 箱 中 的 “红眼 工具 ”3,， 在 选项 栏 中 设置 “瞳孔 大 小 ”和 “ 变 暗 量 ” 的 值 ，“ 了 瞳孔 大 小 ”数值 越 小 瞳孔 就 越 
小 ，“ 变 暗 量 ”数值 越 大 ， 了 瞳孔 越 黑 。 将 光标 移 到 红眼 处 ， 如 图 10-15 所 示 。 接 着 单 击 鼠 标 左 键 即 可 去 除 红眼 ， 如 图 10-16 所 
示 。 继 续 去 除 另 外 一 个 眼睛 的 红眼 ， 效 果 如 图 10-17 所 示 。 
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图 10-16 图 10-17 
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10.1.6 的 


式 的 


具有 相同 


任何 打开 让 ] 另 

使 用 “仿制 图 章 工 具 ” 2. 之 前 需要 先进 行 “ 取 样 ”， 然 
重 现在 被 涂抹 的 区 域 处 。 

(1) 选择 工具 箱 中 的 “仿制 图 章 工具 ”， 然 后 调整 合适 的 笔尖 大 小 ， 接 着 按 住 Alt 键 在 画面 中 单 击 取 样 ， 如 图 10-18 所 示 。 

(2) 在 需要 修复 的 地 方 按 住 鼠 标 左 键 进行 涂抹 ， 随 着 涂抹 可 以 将 取样 位 置 的 像素 覆盖 涂抹 的 位 置 ， 如 图 10-19 所 示 。 继 
续 进行 涂抹 ， 直 到 去 除 瑕 羔 ， 效 果 如 图 10-20 所 示 。 
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后 在 需要 修复 的 区 域 进 行 涂抹 ， 这 样 之 前 取样 的 像素 会 被 完整 地 


图 10-18 图 10-19 图 10-20 
Ao 和 
色 视 
仿 技术 容 识别 过 发 周围 和 进行 填充 ， 使 填充 结果 看 上 元 的 一 样 


首先 在 需要 填充 的 区 域 绘制 一 人 选区 ， 如 图 10- 21 所 示 。 然后 在 选区 上 单 击 鼠标 右键 ， 在 弹出 的 快捷 菜单 中 执行 “填充 ” 
命令 ， 在 弹出 的 对 话 框 中 设置 “内 容 ” 为 “内 容 识 别 ”， 然 后 单 击 “ 确 定 ”按钮 ， 如 图 10-22 所 示 。 此 时 选区 内 的 区 域 自动 进 
行内 容 识别 ， 效 果 如 图 10-23 所 示 。 最 后 按 Ctrl+D 快 捷 键 取消 选区 。 
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图 10-21 图 10-22 


悍 > 高 手 小 贴 十 :针对 背景 图 层 进行 读书 笔记 
填充 


| 如 果 对 背景 图 层 进行 操作 ， 可 以 直接 按 Delete 键 ， 可 
以 快速 弹出 “填充 ”对 话 框 。 


@ 


1 10 诗 修饰 图 像 的 局 部 


在 对 数码 照片 进行 处 理 的 过 程 中 ， 会 出 现 一 些 颜 色 对 比较 绊 、 像 素 比较 wp 台 5 
模糊 、 视 觉 中 心 不 够 突出 等 小 问题 ， ee heh 人 锐 化 I 具 I 2} sisIA o 
题 进行 处 理 ， 如 图 10-24 所 示 。 多 涂抹 I 具 多 省 8I 具 0 


@ 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 模 糊 、 锐 化 、 涂 抹 、 加 深 、 减 淡 、 海 绵 .fhv 
@ 技术 速 查 : 使 用 “模糊 工具 ”可 柔 化 硬 边缘 或 减少 图 像 中 的 细节 。 

“模糊 工具 ”能 够 通过 手动 涂抹 的 方式 让 图 像 局 部 变 得 模糊 。 该 工具 主要 用 于 细节 处 的 柔 化 ， 使 锐利 的 边缘 变 柔 和 ， 并 
减少 图 像 中 的 细节 _ 

选择 工具 箱 中 的 “模糊 = 9 
[ 具 ”， 在 选项 栏 中 设置 合适 避 
的 笔尖 大 小 、 模 式 ， 通 过 设 人 
置 “强度” 选项 设置 模糊 的 强 
度 ， 然 后 在 需要 进行 模糊 的 位 加 
置 按 住 鼠标 左 键 进行 涂抹 ， 如 
图 10-25 所 示 。 随 着 涂抹 可 以 看 “ 
到 涂抹 的 位 置 变 得 模糊 了 ， 效 
果 如 图 10-26 所 示 。 


图 10-25 图 10-26 


章 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 模 糊 、 锐 化 、 涂 抹 、 加 深 、 减 淡 、 
仿 技术 速 查 : 使 用 “ 锐 化 工具 ”能 够 通过 涂抹 的 方式 增加 图 像 局 部 的 清晰 度 。 
选择 工具 箱 中 的 “ 锐 化 
工具 ”站 4， 在 选项 栏 中 设置 
“强度 ”的 数值 可 以 控制 涂抹 
时 画面 锐 化 的 强度 。 选 中 “ 保 
护 细节 ” 复 选 框 后 ， 在 进行 锐 
化 处 理 时 将 对 图 像 的 细节 进行 
保护 。 然 后 在 需要 锐 化 的 位 置 
按 住 鼠标 左 键 进行 涂抹 ， 使 其 
锐 化 ， 如 图 10-27 所 示 ， 最 终 
效果 如 图 10-28 所 示 。 记忆 
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人 @@ 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 模 糊 、 锐 化 、 涂 抹 、 加 深 、 减 淡 、 海 绵 .flv 
仿 技术 速 查 : 使 用 “涂抹 工具 ”可 以 模拟 手指 划 过 湿 油 漆 时 所 产生 的 效果 ， 一般 用 于 对 图 像 局 部 进行 微调 。 

选择 工具 箱 中 的 “涂抹 工具 ”， 在 选项 栏 中 通过 设置 “强度 ”数值 来 设置 颜色 展开 的 衰减 程度 ， 然 后 在 画面 中 按 住 鼠标 
左 键 进行 涂抹 ， 效 果 如 图 10-29 所 示 。 若 选中 “手指 绘画 ” 复 选 框 ， 可 以 使 用 前 景色 进行 涂抹 绘制 ， 效 果 如 图 10-30 所 示 。 
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翁 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 党 模糊、 锐 化， 涂抹、 加 深 、 减 淡 、 海 绵 .flv 
翁 技术 速 查 : 使 用 “ 减 淡 工 具 ” 可 以 对 图 像 的 “ 亮 部 ”“ 中 间 调 ”“ 了 暗部 ”分 别 进行 减 淡 处 理 ， 在 某 个 区 域 绘制 的 次 数 越 
多 ， 该 区 域 就 会 变 得 越 亮 。 
“ 减 淡 工 具 ”12, 可 以 把 图 片 中 需要 变 亮 或 增强 质感 的 部 分 颜色 加 亮 。 
(1) 选择 工具 箱 中 的 “ 减 淡 工 具 ”， 在 选项 栏 中 通过 设置 “范围 ”选项 设置 调整 的 范围 ， 然 后 设置 合适 的 “曝光 度 ” 
数值 ， 如 图 10-31 所 示 。 接 着 在 需要 调整 的 位 置 进 行 涂抹 ， 随 着 涂抹 可 以 看 到 其 颜色 的 亮度 提高 了 ， 如 图 10-32 所 示 。 
2- [®| sm erred 4 omea | 多 
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图 10-31 图 10-52 
(2) 减 淡 操作 针对 的 色调 区 域 包括 “中 间 调 ”“ 阴 影 ” 或 “高 光 ”。 如 果 “ 范 围 ” 为 “阴影 ”， 那 么 减 淡 操作 会 更 多 
地 针对 暗部 区 域 ， 如 果 “ 范 围 ” 为 “高 光 ”， 那 么 原本 的 亮 部 区 域 会 变 得 更 亮 ， 而 暗部 区 域 受 影响 较 小 。 如 图 10-33 所 示 为 减 
淡 画 面 阴影 区 域 的 效果 。 
(3) “曝光 度 ” 可 用 于 控制 颜色 减 淡 的 强度 ， 数 值 越 大 ， 每 次 涂抹 时 变 亮 的 程度 越 强 。 如 图 10-34 和 图 10-35 所 示 是 “ 曝 


光度 ”分 别 为 50% 和 100% 的 对 比 效果 。 如 果 选 中 “保护 色 上 
调 ” 复 选 框 则 可 以 在 一 定 程度 上 保护 图 像 的 色调 不 受过 多 的 


影响 。 | @ 视频 精 讲 . Photoshop 新 手 学 视频 精 讲课 堂 \ 模 糊 、 锐 
Ee Se A i 化、 涂抹、 加深、 减 淡 、 海 绵 fv 
二 人 @ 技术 速 查 . 使 用 “加 深 工具 ”可 以 对 图 像 进行 加 深 处 理 。 


“加 深 工具 ”人 .可 以 通过 在 画面 中 涂抹 的 方式 对 图 
像 局 部 进行 加 深 处 理 。 选 择 工具 箱 中 的 “加 深 工具 ” e&.， 
然后 在 选项 栏 中 设置 合适 的 “范围 ”和 “了 曝光 度 ” 参 数 ， 
如 图 10-36 所 示 。 接 着 在 需要 加 深 的 位 置 进行 涂抹 ， 效 果 如 
图 10-37 所 示 。 
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图 10-35 : 图 10-37 


文件 路 径 第 10 阐 \ 使 用 加 深 减 淡 工 具 增强 标志 立体 喇 
难 易 指数 认定 宫 罕 罕 


案例 效果 
案例 对 比 效果 如 图 10-38 和 图 10-39 所 示 。 
CS 读书 笔记 ROCKET ROCKET 


A | 图 10-38 图 10-39 
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操作 步骤 

加 执行 “文件 > 打开 ”命令 ， 打 开 素 材 “1.jpg”， 如 图 10-40 所 示 。 可 以 看 出 此 时 画面 中 的 标志 立体 感 较 弱 。 单 击 工 
具 箱 中 的 “ 减 淡 工具 ”按钮 让 ， 在 选项 栏 中 设置 “画笔 大 小 ”为 100 像 素 ，“ 范 围 ” 为 “中 间 调 ”，“ 曝 光 ” 为 359%， 选 中 
“保护 色调 ” 复 选 框 ， 然 后 在 标志 上 按 住 鼠标 左 键 进行 涂抹 ， 此 时 涂抹 过 的 位 置 变 亮 ， 如 图 10-41 所 示 。 

了 选择 工具 箱 中 的 “加 深 工具 ”SJ， 在 选项 栏 中 设置 “画笔 大 小 ”为 50 像 素 ，“ 范 围 ”为 “阴影 ”，“ 了 曝光 ”为 35%， 选 
中 “保护 色调 ” 复 选 框 ， 接 着 在 圆 角 矩形 周围 涂抹 ， 制 作 阴影 效果 ， 增 强 对 比 度 ， 如 图 10-42 所 示 ， 此 时 画面 最 终 效 果 如 图 10-43 
所 示 。 
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图 10-40 图 10-41 图 10-42 图 10-43 


翁 视频 精 讲 : Photoshop 新 手 学 视频 精 讲 课堂 模糊、 锐 化 、 涂 抹 、 加 深 、 减 淡 、 海 绵 .flv 
翁 技术 速 查 : 使 用 “海绵 工具 ”可 以 增加 或 降低 图 像 中 某 个 区 域 的 饱和 度 。 

选择 工具 箱 中 的 “海绵 工具 ”， 如 图 10-44 所 示 。 在 选项 栏 中 设置 “模式 ”为 “加 色 ” 时 ， 在 画面 中 按 住 鼠 标 左 键 并 拖 动 
可 以 增加 色彩 的 饱和 度 ， 效 果 如 图 10-45 所 示 。 若 选择 “去 色 ” 选 项 ， 在 画面 中 按 住 鼠标 左 键 并 拖 动 可 以 降低 色彩 的 饱和 度 ， 
效果 如 图 10-46 所 示 。 选 中 “自然 饱和 度 ” 复 选 框 可 以 在 增加 饱和 度 的 同时 防止 颜色 过 度 饱 和 而 产生 滋 色 现象 。 
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COOKIES! COOKIES! COOKIES! 
图 10-44 图 10-45 图 10-46 


@ 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 颜 色 蔡 换 画 笔 的 使 用 方法 -fv 
仿 技术 速 查 : 使 用 “颜色 替换 工具 ”能 够 将 画面 中 的 区 域 替换 为 选 定 的 颜色 。 


“颜色 替换 工具 ”有 


主要 用 于 更 改 图 像 局 部 的 颜色 ， 该 工具 是 使 用 前 景色 以 特定 的 模式 蔡 换 图 像 中 指定 的 像素 颜色 。 


选择 工具 箱 中 的 “ 颜 
色 蔡 换 工 具 ”， 在 选项 栏 中 
设置 合适 的 笔尖 大 小 、“ 模 
式 ”、“ 限 制 ” 以 及 “ 容 
差 ”。 然 后 设置 合适 的 前 景 
色 。 接 着 将 光标 移 到 需要 蔡 
换 颜 色 的 区 域 进行 涂抹 ， 被 
涂抹 的 区 域 颜 色 发 生 了 变 
化 ， 如 图 10-47 所 示 ， 效 果 如 
图 10-48 所 示 。 


图 10-47 图 10-48 


人 过 选项 解读 ， “颜色 替换 工具 ”选项 栏 。 


加 模式 ， 选择 蔡 换 颜色 的 模式 ， 包 括 “ 色 相 ”“ 饱 和 度 ”“ 颜 色 ”“ 明 度 ”。 当 选择 “颜色 ”模式 时 ， 可 以 同时 普 换 色 ， 
相 、 饱 和 度 和 明度 。 

鸟 取样 ， 用 来 设置 颜色 的 取样 方式 。 激 活 “取样 :连续 ”按钮 国 以 后 ， 在 拖 旬 光标 时 ， 可 以 对 颜色 进行 取样 ; 激活 “ 取 | 
样 :一 次 ”按钮 国 以 后 ， 只 替换 包含 第 一 次 单 击 的 颜色 区 域 中 的 目标 颜色 ; 激活 “取样 :背景 色 板 ”按钮 国 以 后 , 只 | 
替换 包含 当前 背景 色 的 区 域 。 

仿 限制 ， 当 选择 “不 连续 ”选项 时 ， 可 以 替换 出 现在 光标 下 任何 位 置 的 样本 颜色 ; 当选 择 “连续 ”选项 时 ， 只 替换 与 光 | 
标 下 的 颜色 接近 的 颜色 ; 当选 择 “ 查 找 边缘 ”选项 时 ， 可 以 蔡 措 包含 样本 颜色 的 连接 区 域 ， 同 时 保留 形状 边缘 的 锐 化 ; 
程度 。 

四 容 差 ， 用 来 设置 “颜色 替换 工具 ”的 容 差 。 容 差 值 越 大 ， 可 被 替换 的 颜色 范围 也 就 越 大 。 


加 单 击 工具 箱 中 的 “颜色 蔡 换 工 具 ” 按 钮 必 j， 按 


太 案例 实战 一 使 用 颜色 替换 画笔 改变 环境 颜色 月 训 
Ctrl+J 快 捷 键 复制 一 个 “背景 副本 ”图 层 ， 单 击 打开 “画笔 


文件 路 径 第 10 章 \ 使 用 颜色 替换 画笔 改变 环境 颜色 扫 码 看 视频 ; 

PR | 预 设 ”选取 器 ， 在 弹出 的 下 拉面 板 中 设置 “大 小 ”为 200 像 
家 全 果 0 ee 
案例 效果 如 图 10-49 所 示 。 ，“ 限 制 ” 为 “连续 ”，“ 容 差 ” 为 30%， 如 10-51 
操作 步骤 


区 [到 辣 区 站 国 ww 两 [二 


rm 加 


加 执行 “文件 > 打开 ” 命令， 打开 素材 “1jpg”， 如 | 
图 10-50 所 示 。 i 
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图 10-51 


:i 辐 在 工具 箱 的 底部 设置 前 景色 为 粉 紫色 ， 如 10-52 所 
上 示 。 使 用 “颜色 葵 换 工具 ”| 辟 | 在 图 像 中 进行 涂抹 ， 如 图 10-53 
图 10-49 图 10-50 i 所 示 。 


联 使 用 同样 的 方法 继续 在 画面 中 进行 涂抹 ， 案 例 最 终 效果 如 图 10-54 所 示 。 
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图 10-52 图 10-53 
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1 里 调 色 命令 的 使 用 方 


如 
站 视频 精进 : Photoshop 新 手 学 视频 精 讲 课堂 \ 使 用 调整 图 层 .flv 

对 图 像 调 色 有 两 种 方法 : 一 种 是 使 用 “图 像 > 调整 ”命令 ， 另 外 一 种 是 使 用 “图 层 > 新 建 调整 图 层 ”命令 ， 两 种 方式 对 
于 调 色 效 果 是 相同 ， 不 同 的 是 ， 前 者 是 调 色 效 果 直 接 作用 于 图 像 ， 不 能 进行 后 期 更 改 ， 另 一 种 方法 可 以 进行 后 期 调 色 效果 
的 更 改 。 


方法 一 : 使 用 “图 像 > 调整 ”命令 

使 用 “图 像 > 调 整 ” 命 令 是 直接 对 图 层 应 用 调 色 命令 ， 这 种 方法 比较 直观 ， 但 是 一 次 只 能 针对 一 个 图 层 进行 操作 ， 而 
且 调 色 之 后 的 图 层 无 法 方便 地 还 原 到 之 前 的 效果 或 者 进行 调 色 数 值 的 更 改 。 

在 Photoshop 的 “图 像 > 调整 ”菜单 中 有 多 种 调 色 命令 ， 选 择 需要 调 色 的 图 层 ， 如 图 11-1 所 示 。 然 后 执行 这 些 调 色 命 
令 ， 例 如 执行 “图 像 > 调整 > 亮度 /对 比 度 ”命令 ， 在 弹出 的 “亮度 /对 比 度 ” 对 话 框 中 进行 参数 的 设置 ， 如 图 11-2 所 示 。 设 
置 完 成 后 单 击 “ 确 定 ” 按 钮 ， 效 果 如 图 11-3 所 示 。 


am 
[| 
对 比 度 PE] (mg 
自动 内 
使 用 旧版 () 


加 预 黄 P) 
图 11-1 图 11-2 图 11-3 


方法 二 : 使 用 “图 像 > 新 建 调整 图 层 ” 命 令 

除了 这 种 方法 之 外 ， 还 有 一 种 更 为 灵活 的 调 色 方 式 一 一 使 用 调整 图 层 。 

(1) 执行 “图 层 > 新 建 调整 图 层 ”命令 ， 在 子 菜单 中 可 以 看 到 大 量 与 “图 像 > 调整 ”菜单 下 相同 的 命令 ， 如 图 11-4 所 
示 。 例 如 执行 “图 层 > 新 建 调整 图 层 > 色 阶 ” 命 令 ， 会 弹出 “新 建 图 层 ” 对 话 框 ， 在 该 对 话 框 中 可 以 设置 图 层 名 称 ， 然 后 单 
击 “ 确 定 ” 按 钮 ， 如 图 11-5 所 示 。 接 着 在 “图 层 ” 面 板 中 创建 一 个 调整 图 层 ， 这 个 图 层 的 位 置 是 可 以 随意 调整 的 ， 位 于 该 
图 层 下 方 的 所 有 图 层 都 会 受到 这 一 调整 图 层 的 影响 ， 如 图 11-6 所 示 。 


快速 导出 为 PNG Shift+Ctd+" 
导出 为 Al+Shift+Ctri+" 


和 村 要 本 
种 IN): 匡 面 EC 
使 用 前 一 图 层 创 于 和 册 莹 瞩 (p) 
着 色 (ch | 四 无 
楼 式 :| 正常 ~ 不适 明 度 (0): |100 | % 


| 取消 
图 层 内 容 选项 (0).- 


图 层 蒙 版 (M) 


图 11-4 图 11-5 图 11-6 


(2) 新 建 调整 图 层 的 同时 还 会 弹出 “属性 ”面板 ， 若 没 找到 “属性 ”面板 可 以 执行 站 训 
“窗口 > 属性 ”命令 打开 “属性 ”面板 ， 在 “属性 ”面板 中 可 以 看 到 这 一 调 色 命 令 的 参数 。 国 吕 = 
设置 选项 。 随 着 参数 的 调整 ， 画 面 会 发 生 颜色 变化 ， 如 图 11-7 所 示 。 这 种 调 色 方式 的 优势 。 #8: 从 


在 于 :如果 对 调 色 效果 不 满意 ， 再 次 单 击 该 调整 图 层 ， 可 以 在 “属性 ”面板 中 重新 进行 参 i -| 画 
数 的 调整 ， 而 且 不 会 影响 其 他 图 层 的 原始 内 容 。 “ 
a 加 | 
-7 读书 笔记 上 人 
2 本 s -= F 
畏 出 包 防 ; 0 255 


高 手 小 贴 士 : 调整 图 层 的 图 层 蒙 版 | 
每 个 调整 图 层 都 带 有 一 个 图 层 葵 版 ， 在 蒙 版 中 可 以 使 用 黑色 、 和 白色 控制 该 调整 图 层 起 作用 的 区 域 。 葡 版 中 黑色 的 区 ， 
域 表 示 透 明 ， 也 就 是 这 个 区 域 中 调整 图 层 不 起 作用 ; 白色 区 域 表 示 不 透明 ， 也 就 是 说 这 个 区 域 中 调整 图 层 起 作用 。 | 


血 视频 精 讲 : Photoshop 新 手 学 视 
频 精 讲课 堂 \ 影 调调 整 命令 .fv 

多 技术 速 查 : 使 用 “亮度 /对 比 度 ” 
命令 可 以 对 图 像 的 色调 范围 进行 


简单 的 调整 ， 是 非常 常用 的 影 调 交 玫 /对 Ht 度 区 可 

调整 命令 ， 能 够 快速 地 矫正 图 像 bl [Em 

“发 灰 ” 的 问题 。 ee 十 | 二 

使 用 “亮度 /对 比 度 ”命令 可 以 
调整 图 像 的 明暗 程度 和 对 比 度 。 使 用 旧版 [0 


预览 (p) 


(1) 打开 一 张 图 片 ， 如 图 11-8 
所 示 。 执 行 “ 图 像 > 调 整 > 亮度 /对 
比 度 ”命令 ， 在 打开 的 “亮度 /对 比 
度 ” 对 话 框 中 设置 “亮度 ”为 20， 
“对 比 度 ”为 50， 调 整 完成 后 单 击 
“确定 ”按钮 完成 操作 ， 如 图 11-9 所 
示 ， 此 时 画面 效果 如 图 11-10 所 示 。 

(2) 在 “亮度 /对 比 度 ” 对 话 
框 中 ，“ 亮 度 ” 用 来 设置 图 像 的 整 
体 明 暗 。 当 数值 为 负 值 时 ， 表 示 降 
低 图 像 的 亮度 ， 如 图 11-11 所 示 。 
数值 为 正 值 时 ， 表 示 提 高 图 像 的 亮 
度 ， 如 图 11-12 所 示 。 


(3) 在 “亮度 /对 比 度 ”对 话 框 中 ，“ 对 比 度 ”用 于 设置 图 像 亮度 对 比 的 强烈 程度 。 数 值 为 负 值 时 ， 表 示 降 低 对 比 


度 ， 如 图 11-13 所 示 。 数 值 为 正 值 时 ， 表 示 增 加 对 比 度 ， 如 图 11-14 所 示 。 
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人 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 影 调调 整 命令 .入 

各 技术 速 查 : “ 色 阶 ”命令 不 仅 可 以 针对 图 像 进行 明暗 对 比 的 
调整 , 还 可 以 对 图 像 的 阴影 、 中 间 调 和 高 光 强 度 级 别 进行 调 
整 . 以 及 分 别 对 各 个 通道 进行 调整 ,以 调整 图 像 明暗 对 比 或 
者 色彩 倾向 。 
(1) 打开 图 片 ， 如 图 11-15 所 示 。 执 行 “图 像 > 调整 > 色 阶 ” 

命令 或 按 Ctrl+ 快 捷 键 ， 打 开 “ 色 阶 ” 对 话 框 ， 如 图 11-16 所 示 。 
(2) 通过 调整 “ 色 阶 ”对 话 框 中 滑 块 的 位 置 可 达到 调整 画面 

效果 的 目的 ， 向 左 侧 拖 动 “ 中 间 调 ” 滑 块 ， 如 图 11-17 所 示 。 此 时 

画面 中 亮 部 信息 数量 增加 ， 效 果 如 图 11-18 所 示 。 

(3) 车 向 右 侧 拖 动 “中 间 调 ” 滑 块 ， 如 图 11-19 所 示 。 此 时 


画面 中 的 暗部 信息 数量 增加 ， 效 果 如 图 11-20 所 示 。 Be 
5 可 
Wat mt o BE = (Ts | 
适 道 :RGB 局 清 通过 Re8 也 消 
人 自动 凶 人 眉 动 科 了 | 
| | Bm) | mm 。 
al | A228 坟 . 
人 2 ip) En © mi \ 就 ~ a 
KEE 本 
en | | 
图 11-16 图 11-17 图 11-18 
(4) 如 果 要 增强 画面 对 比 度 ， 可 以 将 左 侧 “ 阴 影 ” 滑 块 向 右 侧 拖 动 ， 增 加 暗部 信息 数量 ， 接 着 将 右 侧 “高 光 ” 滑 块 
向 左 侧 拖 动 ， 增 加 亮 部 信息 数量 ， 如 图 11-21 所 示 ， 此 时 效果 如 图 11-22 所 示 。 
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图 11-19 图 11-20 图 11-21 
(5) 在 “ 色 阶 ”对 话 框 中 可 以 分 别 对 “ 红 ”“ 绿 ”“ 蓝 ”通道 进行 单独 调整 。 例 如 在 “通道 ”下 拉 列 表 框 中 选择 “ 蓝 ” 
通道 进行 颜色 调整 ， 接 着 将 “中 间 调 ” 滑 块 向 右 侧 拖 动 ， 如 图 11-23 所 示 。 此 时 画面 色调 发 生变 化 ， 效 果 如 图 11-24 所 示 。 


图 11-22 图 11-23 图 11-24 


- 视频 精 讲 Photoshop 新 手 学 视频 精 讲课 堂 \ 影 调调 整 命令 .flv 

的 技术 速 查 : 调整 曲线 可 以 对 图 像 的 亮度 、 对比度 和 色调 进行 非常 便捷 的 调整 。 

“曲线 ”命令 是 一 个 既 可 以 调整 图 像 明暗 ， 又 可 以 调整 图 像 对 比 度 ， 还 可 以 对 图 像 颜色 进行 调整 的 非常 实用 的 调 色 命 
令 。“ 曲 线 ” 命 令 的 使 用 比较 直观 ， 只 需要 在 一 条 直线 上 添加 控制 点 并 调整 曲线 形态 ， 即 可 改变 画面 的 颜色 。 

(1) 打开 一 张 图 片 ， 如 图 11-25 所 示 。 执 行 “ 图 像 > 调整 > 曲线 ”命令 或 按 Ctri+M 快 捷 键 ， 打 开 “ 曲线” 对 话 框 ， 如 


图 11-26 所 示 。 
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(2) 在 曲线 的 “中 
间 调 ”位 置 单 击 添加 一 个 
控制 点 ， 按 住 鼠标 左 键 并 
向 左上 方 拖 动 ， 如 图 11-27 
所 示 。 随 着 曲线 形态 的 变 
化 ， 画 面 变 亮 了 ， 效 果 如 
图 11-28 所 示 。 


(3) 若 将 控制 点 向 
右 下 方 拖 动 ， 可 使 画面 
变 暗 ， 如 图 11-29 所 示 ， 
效果 如 图 11-30 所 示 。 


(4) 若 在 曲线 “高 
光 ” 位 置 添加 控制 点 向 
左上 拖 动 ， 在 “阴影 ” 
位 置 添 加 控制 点 向 右 下 
拖 动 ， 调 整 曲 线形 态 为 
S 形 ， 可 增强 画面 对 比 
度 ， 如 图 11-31 所 示 ， 图 
片 效果 如 图 11-32 所 示 。 


(5) 在 “曲线 ”对 
话 框 中 可 以 分 别 对 “ 红 ” 
“ 绿 ”“ 蓝 ”通道 进行 单 
独 调整 ， 例 如 选择 “ 红 ” 
通道 ， 在 曲线 上 单 击 创 
建 一 个 控制 点 向 左上 拖 
动 ， 如 图 11-33 所 示 。 
此 时 图 片 中 红色 数量 增 
加 ， 使 画面 更 倾向 于 红 
色调 ， 如 图 11-34 所 示 。 
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图 11-31 
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图 11-33 


图 11-30 


图 11-34 


文件 路 径 第 11 章 \ 使 用 曲线 快速 打造 反 转 片 效果 


难 易 指数 罕 谷 座 众 罕 


案例 对 比 效果 如 图 11-35 和 图 11-36 所 示 。 


图 11-35 


图 11-36 


了 执行 “文件 > 打开 ”命令 ， 打 开 背 景 素材 


“ljpg”， 


如 图 11-37 所 示 。 目 前 图 像 最 明显 的 缺陷 就 在 于 画面 色 感 不 
足 ， 对 比 度 较 弱 ， 显 得 整体 偏 亦 ， 很 难 吸引 人 眼球 。 


图 11-57 
执行 “图 层 > 新 建 调整 图 层 > 曲线 ”命令 ， 在 弹出 


的 “新 建 图 层 ” 对 话 框 中 单 击 “确定 ”按钮 。 接 着 在 弹出 


的 “曲线 ”调整 面板 中 的 曲线 上 添加 两 个 点 ， 并 


fF 调整 点 的 


位 置 ， 使 曲线 呈 S 形 ， 如 图 11-38 所 示 。 此 时 增强 了 画面 对 比 
度 ， 并 且 画 面色 感 也 增强 了 一 些 ， 如 图 11-39 所 示 。 


区 为 了 模拟 反 转 片 效 果 ， 需 要 针对 画面 颜色 进行 调 


整 ， 在 曲线 调整 窗口 中 若 需要 调整 画面 颜色 就 需要 单独 针对 
某 个 颜色 通道 进行 调整 。 首先 将 通道 设置 为 红色 ， 同 样 调 整 
红 通道 曲线 为 S 形 ， 如 图 11-40 所 示 ， 此 时 画面 暗部 偏向 青绿 
色 ， 亮 部 倾向 于 红色 ， 如 图 11-41 所 示 。 


图 11-40 图 11-41 

凡 再 次 将 通道 设置 为 绿色 ， 调 整 绿 通 道 曲 线 为 S 形 ， 
此 时 画面 暗部 偏向 青紫 色 ， 如 图 11-42 所 示 ， 效 果 如 图 11-43 
所 示 。 


图 11-42 图 11-43 

基 执行 “文件 > 置 入 嵌入 对 象 ”命令 ,将 素材 “2jpg” 
置 入 文档 内 ， 摆 放 在 合适 的 位 置 并 将 其 栅 格 化 ， 如 图 11-44 
所 示 。 在 “图 层 ”面板 中 选中 该 图 层 ， 设 置 “ 混 合 模式 ”为 
“ 滤 色 ”， 如 11-45 所 示 ， 案 例 最 终 效果 如 图 11-46 所 示 。 
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图 11-44 


文件 路 径 第 11 章 \ 曲 线 与 混合 模式 打造 浪漫 红 树林 
难 易 指 数 从 合 合 个 从 


案例 效果 如 图 11-47 与 图 11-48 所 示 。 
mm | 


图 11-47 图 11-48 
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图 11-45 图 11-46 


了 执行 “文件 > 打开 ”命令 ， 打 开 背 景 素材 “1jpg”， 
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图 11-52 


如 图 11-49 所 示 。 

苔 在 工具 箱 的 底部 设置 前 景色 为 棕色 ， 新 建 图 层 ， 为 
其 填充 棕色 ， 如 图 11-50 所 示 。 在 “图 层 ” 面 板 中 选中 该 图 
层 ， 设 置 “ 混 合 模 式 ” 为 “色相 ”， 如 图 11-51 所 示 。 此 时 
画面 颜色 发 生 了 明显 的 变化 ， 效 果 如 图 11-52 所 示 。 


ee 一 中 


图 11-49 图 11-50 
敬 为 了 使 画面 颜色 更 丰富 一 些 ， 执 行 “图 层 > 新 建 调 
整 图 层 > 曲 线 ” 命 令 ， 在 弹出 的 “新 建 图 层 ”对 话 框 中 设置 
通道 为 蓝 ， 并 调整 曲线 的 形状 ， 如 图 11-53 所 示 。 此 时 画面 
的 暗部 区 域 将 会 倾向 于 蓝 紫色 ， 效 果 如 图 11-54 所 示 。 


臣 洁 \ 加 ~、、 光 甸 加 办 


加 为 了 增强 画面 对 比 度 ， 设 置 
通道 为 RGB， 调 整 曲线 的 形状 ， 如 
图 11-55 所 示 ， 效 果 如 图 11-56 所 示 。 
最 后 执行 “文件 > 置 入 嵌入 对 象 ” 命 
令 ， 将 素材 “2.png” 置 入 文档 内 ， 
将 其 放置 在 合适 的 位 置 并 栅 格 化 ， 案 
例 最 终 效 果 如 图 11-57 所 示 。 


全 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 影 调调 整 命令 .fv 
多 技术 速 查 : 使 用 “曝光 度 ” 命 令 可 以 通过 调 束 “曝光 度 ”“ 位 移 ”“ 灰 度 系数 校正 ”3 个 参数 调整 照片 的 对 比 反差 . 
修复 数码 照片 中 常见 的 曝光 过 度 与 曝光 不 足 等 问题 。 
(1) 打开 一 张 图 片 ， 如 图 11-58 所 示 。 执 行 “ 图 像 > 调整 > 曝光 度 ” 命 令 ， 打 开 “ 曝 光度 ”对 话 框 ， 然 后 调整 参数 ， 如 
图 11-59 所 示 。 设 置 完成 后 单 击 “ 确 定 ”按钮 ， 此 时 画面 效果 如 图 11-60 所 示 。 


SGN UP Now 


el = 


图 11-58 图 11-59 图 11-60 


《2) Photoshop 预 设 了 4 种 曝光 效果 ， 分 别 是 “ 减 1.0”“ 减 2.0”“ 加 1.0”“ 加 2.0”， 效 果 分 别 如 图 11-61 一 图 11-64 
所 示 。 
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图 11-61 图 11-62 图 11-63 
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(3) “曝光 度 ” 选 项 用 来 调整 图 像 的 曝光 程度 。 向 ra | 
左 拖 动 滑 块 ， 可 以 减弱 曝光 效果 ， 如 图 11-65 所 示 ; 向 右 ss 
拖 动 滑 块 ， 可 以 增强 曝光 效果 ， 如 图 11-66 所 示 。 i 
(4) “位 移 ” 选 项 主要 对 阴影 和 中 间 调 起 作用 ， 可 
以 使 其 变 暗 ， 但 对 高 光 基 本 不 会 产生 影响 。 向 左 拖 动 滑 
块 ， 效 果 如 图 11-67 所 示 。 向 右 拖 动 滑 块 ， 效 果 如 图 11-68 
所 示 。 
(5) “ 灰 度 系数 校正 ”是 使 用 一 种 乘 方 函数 来 调整 
图 像 灰 度 系数 ， 可 以 增加 或 减少 画面 的 灰 度 系数 ， 效 果 
如 图 11-69 和 图 11-70 所 示 。 
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图 11-68 图 11-69 图 11-70 


多 视频 精进 :Photoshop 新 手 学 视频 精 讲课 堂 \ 常 用 色调 调整 命令 .flv 
伯 技术 速 查 : “自然 饱和 度 ” 可 以 针对 图 像 饱 和 度 进行 调整 。 与 “ 色 
相 / 饱 和 度 ”命令 相 比 ， 使 用 “自然 饱和 度 ” 命 令 ， 可 以 在 增加 图 像 
饱和 度 的 同时 有 效 地 控制 由 于 颜色 过 于 饱和 而 出 现 的 溢 色 现象 
打开 一 张 图 像 ， 如 图 11-71 所 示 。 执 行 “ 图 像 > 调整 > 自然 饱和 度 ” 命 
令 ， 打 开 “ 自 然 饱 和 度 ” 对 话 框 ， 调 整 “自然 饱和 度 ” 和 “饱和 度 ” 的 
数值 ， 如 图 11-72 所 示 。 设 置 完成 后 单 击 “确定 ”按钮 ， 此 时 画面 效果 如 
图 11-73 所 示 。 


图 11-71 


saa EE] CD) 
饱和 度 ({S): 100 | 
一 人 OH 


选项 解读 “ “自然 多 和 度 ” 对 话 框 详解 
自然 人 和 度 ， 向 吉 相 动 玉 闫 ， 可 以 隆信 村 色 的 他 和 度 ， 扣 国 11-74 所 示 ， 向 右 失 动 肖 凑 ， 可 以 增加 大 色 的 信和 度 ， 如， 


图 11-75 所 示 。 
自 角 名 和 藉 (V); Ew] 自然 饱和 要 (Vj: in] 
FES 
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图 11-74 图 11-75 
入 包 和 度 ， 向 左 想 动 滑 块 ， 可 以 增加 所 有 颜色 的 饱和 度 ， 如 图 11-76 所 示 ; 向 右 拖 动 滑 块 ， 可以 隆信 所 有 颜色 的 多 和 | 
。 度 ， 如 图 11-77 所 示 。 | 
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1 了 色相 /饱和 度 


入 视频 精进 : Photoshop 新 手 学 视频 精 讲 课堂 \ 常 用 色调 调整 命令 .flv 
多 技术 速 查 : “色相 /饱和 度 ” 可 以 对 色彩 犁 三 大 属性 ， 即 色相 .饱和 度 (纯度 ) 、 明 度 进行 调整 。 


(3 


“色相 /饱和 度 ” 命 令 可 以 对 画面 的 色相 、 饱 和 度 、 明 度 进行 调整 ， 而 且 该 命令 既 可 针对 整个 画面 的 色相 、 饱 和 度 和 
明度 ， 也 可 以 单独 调整 “红色 ”“ 黄 色 ”“ 绿 色 ”“ 青 色 ”“ 蓝 色 ”“ 洋 红 ” 的 属性 。 
和 (1) 打开 图 片 ， 如 图 11-78 所 示 。 执 行 “图 像 > 调整 > 色相 /饱和 度 ” 命 令 或 按 CtrltU 快 捷 键 ， 打 开 “ 色 相 / 饱 和 度 ”对 
二 话 杠 ， 调 整 “ 色 相 ” 和 “饱和 度 ” 数 值 ， 如 图 11-79 所 示 ， 此 时 全 图 的 调 色 效 果 如 图 11-80 所 示 。 
岂 (2) 在 “通道 ”下 拉 列 表 框 中 
导 。 可 以 分 别 对 “全 图 ” “红色 ”“ 黄 x CS 
中 色 ”“ 绿 色 ”“ 青 色 ”“ 蓝 色 ”“ 洋 二 mm) 
”和 单独 调整 ， 例 如 远近 好 < 
EE 通道 以 后 ， 拖 动 下 面 的 “色相 ”“ 饮 于 
有 前。 和 度 ”“ 明 度 " 的 滑 块 ， 可 以 对 该 Voutound he oolden eg 

通道 的 色相 、 饱 和 度 和 明度 进行 调 一 i 
中 整 。 例 如 选择 “黄色 ”通道 ， 设 置 ES 了 
计 “色相 ”为 -17， 如 图 11-81 所 示 。 
目 此 时 只 针对 画面 中 的 黄 颜 色 进行 调 


图 11-78 图 11-79 
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色 ， 效 果 如 图 11-82 所 示 。 
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图 11-80 图 11-81 图 11-82 
(3) 在 “ 预 设 ” 下 拉 列 表 框 中 有 8 种 色相 /饱和 度 预 设 ， 如 图 11-83 所 示 ， 效 果 如 图 11-84 所 示 。 
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红色 提升 深 宰 强 饱 和 度 黄色 提升 


图 11-85 图 11-84 
(4) 单 击 名 按钮 ， 使 用 该 工具 在 图 像 上 单 击 设置 取样 点 ， 如 图 11-85 所 示 。 按 住 鼠标 左 键 并 向 左 拖 动 鼠 标 可 以 降低 图 


像 的 饱和 度 ， 如 图 11-86 所 示 ; 向 右 拖 电 可 以 增加 图 像 的 饱和 度 ， 如 图 11-87 所 示 。 
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图 11-85 图 11-86 


(5) 选中 “着 色 ” 复 选 框 ， 图 像 会 整体 偏向 于 单一 的 色调 ， 还 可 以 通过 拖 动 3 个 滑 块 来 调节 图 像 的 色调 ， 如 图 11-88 


Bl 


所 示 。 


图 11-88 


操作 步骤 

了 W 执行 “文件 > 打开 ”命令 ， 打 开 背 景 素材 “1jpg”， 
如 图 11-91 所 示 。 
i 了 执行 “图 层 > 新 建 调整 图 层 > 曲线 ”命令 ， 创 建新 

本 案例 主要 通过 创建 新 的 “色相 /饱和 : 的 “曲线 ”调整 图 层 ， 在 弹出 的 “新 建 图 层 ”对 话 框 中 单 击 
度 ” 调 整 图 层 改变 素材 的 效果 。 案 例 对 比 ““””“” : “确定 ”按钮 ,在 “属性 ”面板 中 调整 曲线 形状 ， 如 图 11-92 
效果 如 图 11-89 和 图 11-90 所 示 。 : 所 示 。 增 强 画 面 对 比 度 与 亮度 ， 效 果 如 图 11-93 所 示 。 
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图 11-89 图 11-90 图 11-91 图 11-92 
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了 区 创建 新 的 “色相 /饱和 度 ” 调 整 图 层 ， 在 “属性 ”面板 中 调整 颜色 参数 ， 首 先 调整 全 图 的 “饱和 度 ” 为 43， 增 强 画 
面 整体 饱和 度 ， 如 图 11-94 所 示 ; 设置 通道 为 “黄色 ”， 设置 “色相 ”为 25，“ 饱 和 度 ” 为 28， 如 图 11-95 所 示 ; 设置 通道 为 
“绿色 ”， 调 整 “饱和 度 ” 为 52，“ 上 明度” 为 48， 使 草地 部 分 变 鲜艳 ， 如 图 11-96 所 示 ; 设置 通道 为 “青色 ”， 调 整 其 “饱和 
度 ” 为 51， 如 图 11-97 所 示 ; 设置 通道 为 “ 蓝 色 ”， 设置 其 “色相 ”为 -25， 如 图 11-98 所 示 。 改 变 天 空 部 分 的 颜色 ， 如 图 11-99 
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了 WV 创建 新 的 “色相 /饱和 度 2” 调 整 图 层 ， 在 “属性 ”面板 中 设置 通道 为 “青色 ”， 调 整 其 “色相 ”为 14，“ 饱 和 度 ” 
为 21， 如 图 11-100 所 示 。 改 变 天 空 的 颜色 ， 如 图 11-101 所 示 。 


了 项 执行 “文件 > 置 入 嵌入 对 象 ” 命 令 ， 将 素材 “2png” 置 入 文档 内 ， 将 其 放置 在 合适 的 位 置 并 栅 格 化 ， 最 终 效果 如 图 11-102 

所 示 。 
属性 
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各 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 常 用 色调 调整 命令 .flv 
多 技术 速 查 : 使 用 “色彩 平衡 ”命令 调整 图 像 的 颜色 时 根据 颜色 的 补 色 原 理 ， 要 减少 某 个 颜色 就 增加 这 种 着 色 的 补 色 。 
该 命令 可 以 控制 图 像 的 颜色 分 布 ， 使 图 像 整 体 达 到 色彩 平衡 。 
打开 一 张 图 片 ， 如 图 11-103 所 示 。 执 行 “ 图 像 > 调整 > 色彩 平衡 ”命令 ， 打 开 “ 色 彩 平衡 ”对 话 框 ， 拖 动 滑 块 调整 画面 
色调 ， 使 画面 中 的 “红色 ”“ 洋 红 ”“ 蓝 色 ” 数 量 增加 ， 如 图 11-104 所 示 。 参 数 设 置 完成 后 单 击 “ 确 定 ”按钮 ， 此 时 画面 
效果 如 图 11-105 所 示 。 
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加 

用 于 调整 “青色 -红色 ”“ 洋 红 -绿色 ”“ 黄 色 - 蓝 色 ” 在 图 像 中 所 占 的 比例 ， 可 以 手动 输入 ， 也 可 以 抑 动 
块 来 进行 调整 。 例 如 ， 向 左 拖 动 “青色 -红色 ” 滑 块 ， 可 以 在 图 像 中 增加 青色 ， 同 时 碱 少 其 补 色 红色 ， 如 图 11-106 所 
示 1 反之 ;可 以 在 图 从 中 增 、 
加 红色 ， 同 时 减少 其 补 色 青 
色 ， 如 图 11-107 所 示 。 

选择 调整 色彩 
平衡 的 方式 ， 包 含 “并 HiTherel 
影 ”“ 中 间 调 ”“ 高 光 ”3 
个 选项 。 如 图 11-108 所 示 为 
选中 “阴影 ”时 的 调 色 效 
果 ， 如 图 11-109 所 示 为 选中 
“中 间 调 ”时 的 调 色 效果 ， 
如 图 11-110 所 示 为 选中 “高 图 11-106 图 11-107 
光 ” 时 的 调 色 效果 。 
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图 11-108 图 11-109 图 11-110 
如 果 选 中 该 复 选 框 ， 还 可 以 保持 图 像 的 色调 不 变 ， 以 防止 亮度 值 随 着 颜色 的 改变 而 改变 。 
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om 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 常 用 色调 调整 命令 和 
妆 技术 速 查 : “黑白 ”命令 主要 用 于 制作 无 色 的 黑白 图 像 ， 它 的 优势 在 于 将 彩色 图 像 转 换 为 黑白 图 像 的 同时 还 可 以 控制 
每 一 种 色调 转换 为 灰 度 时 的 明暗 程度 。 除 此 之 外 . “黑白 ”命令 还 可 以 制作 单 色 图 像 。 
(1) 打开 一 张 图 像 ， 如 图 11-111 所 示 。 执 行 “ 图 像 > 调整 > 黑白 ”命令 或 按 Shift+CtritAlt+B 组 合 键 ， 打 开 “ 黑 白 ” 对 
话 框 ， 如 图 11-112 所 示 ， 此 时 画面 效果 如 图 11-113 所 示 。 
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图 11-111 图 11-112 图 11-113 


(2) 这 6 种 颜色 选项 用 来 调整 图 像 中 特定 颜色 的 灰色 调 。 例 如 ， 在 这 张 图 像 中 ， 向 左 拖 动 “ 红 色 ” 滑 块 ， 可 以 使 由 


红色 转换 而 来 的 灰 度 色 变 ww ee 
暗 ， 如 图 11-114 所 示 ; 向 右 Es 
拖 动 ， 则 可 以 使 灰 度 色 变 
亮 ， 如 图 11-115 所 示 。 

(3) 选中 “色调 ” 复 
选 框 ， 可 以 为 黑色 图 像 着 
色 ， 以 创建 单 色 图 像 ， 另 
外 还 可 以 调整 单 色 图 像 的 
色相 和 饱和 度 ， 如 图 11-116 
和 图 11-117 所 示 为 设置 不 同 
色调 的 效果 。 


图 11-114 图 11-115 
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图 11-116 图 11-117 


高 手 小 贴 士 : “ 预 设 ” 选 项 


| 在 “ 预 设 ”下 拉 列 表 框 中 有 12 种 黑色 效果 ， 可 以 直接 选择 相应 的 预 设 来 创建 黑白 图 像 。 
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命令 制作 暗 调 音乐 播 
作 呈 调 音乐 播放 器 。 。 扫 ] 码 看 视频 
| | 


文 1 
难 易 指数 
案例 效果 
案例 效果 如 图 11-118 所 示 。 


图 11-118 
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了 执行“ 文件 > 打开 ”命令 ， 在 弹出 的 对 话 框 中 选择 
“1jpg”， 单 击 “ 打 开 ” 按 钮 ， 如 图 11-119 和 图 11-120 所 示 。 
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图 11-119 


葬 制作 手机 界面 背景 。 在 工具 箱 中 选择 “和 矩形 工 
有 具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 
为 黑色 ，“ 描 边 ” 为 无 ， 设 置 完 成 后 在 画面 中 间 的 白色 位 置 
左上 角 按 住 鼠 标 左 键 拖 动 进行 绘制 ， 如 图 11-121 所 示 。 此 时 
效果 如 图 11-122 所 示 。 i 
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图 11-120 图 11-121 


隔 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 在 弹出 的 对 话 
框 中 选择 “2.jpg”， 单 击 “ 置 入 ”按钮 。 接 着 将 置 入 的 素材 
摆 放 在 黑色 和 矩形 图 层 上 方位 置 ， 调 整 完成 后 按 Enter 键 完成 置 
入 ， 如 图 11-123 所 示 ， 在 “图 层 ” 面 板 中 右 击 该 图 层 ， 在 弹出 
的 快捷 菜单 中 执行 “ 栅 格 化 图 层 ” 命 令 ， 如 图 11-124 所 示 。 
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区 在 “图 层 ” 面 板 中 右 寺 


素材 1 图 层 ， 在 弹出 的 快捷 : 
菜单 中 执行 “创建 剪贴 蒙 版 ” 命令， 如 图 11-125 所 示 。 此 时 
该 图 层 只 对 该 图 层 下 方 的 图 层 发 生 作 用 ， 如 图 11-126 所 示 。 
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图 11-125 图 11-126 es 
了 B 执行 “图 层 > 新 建 调整 图 白 ”命令 ， 在 弹出 的 HE 
“新 建 图 层 ”对 话 框 中 单 击 “ 确 定 ”按钮 ， 得 到 调整 图 层 。 接 WD ne EE 
着 在 “属性 ”面板 中 设置 “红色 ”为 40，“ 黄 色 ” 为 60，“ 绿 | | 
色 ” 为 409，“ 青 色 ” 为 60%，“ 蓝 色 ” 为 209，“ 洋 红 ” 为 80, 如 ~ 
图 11-127 所 示 。 此 时 画面 呈现 黑白 效果 ， 如 图 11-128 所 示 。 : p72 
属性 站 | ! 蕉 
国 口 we : ee wm 
i 内 : 多 和 负 
| 部 i 五 aa 加 6 
红色 BE ] : 
Pa [=| | 图 11-131 图 11-152 
4 | ! 基 绘制 项 栏 部 分 。 在 工具 箱 中 选择 “ 算 形 工具 ”， 在 
ee EE 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 黑色 ， 
: ; “ 描 边 ”为 无 ， 设 置 完 成 后 在 画面 顶部 绘制 一 个 黑色 矩形 ， 
一 E 。 如 图 11-134 所 示 。 
洪江 BE 上 
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图 11-127 


图 11-128 


阳 在 “图 层 ” 面 板 中 右 击 该 调整 图 层 ， 在 弹出 的 快捷 ! 
菜单 中 执行 “创建 剪贴 蒙 版 ”命令 ， 此 时 该 调整 图 层 只 对 该 
图 层 下 方 的 图 层 起 作用 ， 如 图 11-129 所 示 ， 效 果 如 图 11-130 上: 
所 示 。 : 

区 此 时 手机 界面 黑白 对 比较 弱 ， 所 以 执行 “图 层 > 新 
建 调整 图 层 > 曲 线 ”命令 ， 在 弹出 的 “新 建 图 层 ” 对 话 框 中 
单 击 “确定 ”按钮 ， 得 到 调整 图 层 。 接 着 在 曲线 上 单 击 添加 
两 个 控制 点 ， 将 曲线 形状 调整 为 8 形 ， 如 图 11-131 所 示 , 此 
时 画面 效果 如 图 11-132 所 示 。 : 

项 在 “图 层 ” 面 板 中 右 击 “曲线 ”调整 图 层 ， 在 弹出 
的 快捷 菜单 中 执行 “创建 剪贴 蒙 版 ”命令 ， 此 时 画面 效果 如 
图 11-133 所 示 。 


图 11-133 


一 在 选项 栏 中 设置 “填充 ”为 无 ， 


图 11-134 


“ 描 边 ” 为 黄色 ， 


“ 描 边 粗细 ”为 8 点 ，“ 描 边 类 型 ”为 实 线 ， 设 置 完 成 后 在 项 栏 矩 形 下方 进 行 绘制 ， 如 图 11-135 所 示 。 然 后 在 选项 栏 中 设置 
“ 描 边 粗细 ”为 4 点 ， 设 置 完成 后 在 项 栏 左 侧 绘制 较 小 的 矩形 ， 如 图 11-136 所 示 。 

区 在 “图 层 ” 面 板 中 单 击 选中 绘制 完 的 黄色 和 矩形 图 层 ， 使 用 复制 图 层 快捷 键 Ctrl+J 复 制 一 个 相同 的 图 层 ， 然 后 将 其 向 下 
移动 ， 如 图 11-137 所 示 。 用 同样 的 方法 继续 复制 一 个 矩形 并 向 下 移动 ， 如 图 11-138 所 示 。 
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图 11-1355 图 11-136 图 11-137 图 11-138 
朽 在 项 栏 中 输入 文字 。 选 择 工具 箱 中 的 “ 横 排 文字 工具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 并 设置 文字 颜色 为 黄 
色 ， 设 置 完毕 后 在 画面 中 顶 栏 位 置 单 击 并 输入 文字 ， 如 图 11-139 所 示 。 
项 置 入 手机 的 状态 栏 。 执 行 “文件 > 置 入 髓 入 对 象 ”命令 ， 置 入 素材 “3.png”， 摆 放 在 手机 界面 顶部 位 置 ， 按 Enter 键 
完成 操作 并 将 其 栅 格 化 ， 如 图 11-140 所 示 ， 此 时 画面 效果 如 图 11-141 所 示 。 
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图 11-140 
区 按 住 Ctrl 键 在 “图 层 ” 面 板 中 单 击 ， 绘 制 顶 栏 的 图 “二 mo [OE 


层 ， 此 时 图 层 被 选中 ， 接 着 单 击 “ 图 层 ” 面 板 底部 的 “ 创 5s 翅 - morna 


建新 组 ”按钮 ， 被 选中 的 图 层 将 置 于 图 层 组 中 ， 双 击 该 图 “更 Tm we ee re 
层 组 ， 将 该 组 重新 命名 为 “ 顶 栏 ”， 如 图 11-142 所 示 。 Te li 


酌 制作 播放 器 的 标题 栏 ， 首 先 绘制 标题 栏 的 背景 。 
在 工具 箱 中 选择 “矩形 工具 ”， 在 选项 栏 中 设置 “绘制 模 
式 ” 为 “形状 ”，“ 填 充 ” 为 黑色 ，“ 描 边 ” 为 无 , 设置 = a 
完成 后 在 画面 中 绘制 一 个 黑色 矩形 ， 如 图 11-143 所 示 。 一 


醒 此 时 该 图 层 遮挡 了 项 栏 图 层 。 在 “图 层 ” 面 板 中 ” | 国 守 5 
单 击 选中 “项 栏 ”图 层 组 ， 按 住 鼠 标 左 键 向 上 拖 动 ， 将 其 局 ,.。。 
置 于 标题 栏 中 的 矩形 上 方 ， 如 图 11-144 所 示 ， 此 时 画面 效 es 
果 如 图 11-145 所 示 。 图 11-142 图 11-143 
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区 单 击 选中 该 矩 形 图 层 ， 在 “图 层 ” 面 板 中 设置 该 图 层 的 “不 透明 度 ” 为 80%， 如 图 11-146 所 示 。 此 时 矩形 呈现 半 透 
明 状 态 ， 如 图 11-147 所 示 。 
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图 11-144 图 11-145 图 11-146 图 11-147 
如 制作 标题 栏 中 的 按钮 。 在 工具 箱 中 右 击 形状 工具 组 ， 从 中 选择 “椭圆 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “ 形 
状 ”，“ 填 充 ” 为 无 ，“ 描 边 ”为 深 黄色 ， 如 图 11-148 所 示 。 设 置 完成 后 ， 在 半 透 明和 矩形 的 右 侧 按 住 Shift 键 的 同时 按 住 鼠 标 
左 键 并 拖 动 ， 绘 制 正 圆 ， 如 图 11-149 所 示 。 
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酌 在 “图 层 ” 面 板 中 单 击 选 中 正 圆 图 层 ， 使 用 复制 图 层 快 捷 键 Ctrl+J 复 制 一 个 相同 的 图 层 ， 然 后 将 复制 的 正 圆 拖 到 右 
侧 ， 如 图 11-150 所 示 。 -emg WE Torent FHh sd Te. [ml i nd 日 世 


加 在 圆 形 内 部 制 


国 : 


, 灿 
作 小 标志 ， 选 择 “ 钢 避 尺 ， 8 
笔 工具 ”， 在 选项 栏 如 多 
中 设置 “绘制 模式 ” +. > 
为 “形状 ”，“ 填 多 二 
充 ” 为 深 黄 色 ，“ 描 rR 要 
边 ” 为 无 ， 设 置 完 成 ”@& a ， 


后 在 左 侧 圆 形 中 绘制 
对 号 形状 ， 如 图 11-151 
所 示 。 
图 11-150 图 11-151 
酌 在 选项 栏 中 设置 一 个 由 灰色 到 白色 的 渐变 填充 ， 如 图 11-152 所 示 。 设 置 完 成 后 在 画面 中 右 侧 圆 形 内 绘制 叉 形状 ， 如 


图 11-153 所 示 。 
加 选择 “ 横 排 文 字 工具 ”， 在 半 透 明和 矩形 上 添加 合适 的 文字 ， 如 图 11-154 所 示 。 
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图 11-152 图 11-153 图 11-154 


图 在 画面 底 歌曲 信息 部 分 。 在 工具 箱 中 右 击 形状 工具 组 ， 从 中 选择 “ 圆 角 矩形 工具 ”， 在 选项 栏 中 设置 “绘制 
模式 ”为 “形状 ”，“ 填 充 ” 为 黄色 ，“ 描 边 ” 为 无 ，“ 半 径 ” 为 30 像 素 ， 设 置 完 成 后 在 画面 中 按 住 鼠标 左 键 拖 动 绘制 圆 角 
和 矩形， 如 图 11-155 所 示 。 

七 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 置 入 素材 “1jpg”， 摆 放 在 
然后 在 “图 层 ” 面 板 中 右 击 该 在 弹出 的 快捷 菜单 中 执行 “创建 剪贴 
方圆 角 和 矩形 图 层 起 作用 ， 如 图 11-157 所 示 。 


角 和 矩形 内 ， 按 Enter 键 完成 置 入 ， 并 将 其 栅 格 化 。 
蒙 版 ”命令 ， 如 图 11-156 所 示 。 此 时 该 图 层 只 对 下 
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未 目 因 导 的 加 号 


苇 换 为 智能 叶 象 


图 11-155 图 11-156 图 11-157 
本 选择 “ 横 排 文字 工具 ”， 在 半 添加 合适 的 文字 ， 如 图 11-158 所 示 。 
区 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 置 入 素材 “4.png”， 摆 放 在 文字 下 方位 置 并 将 其 栅 格 化 ， 如 图 11-159 所 示 。 选 
择 “ 横 排 文字 工具 ”， 在 半 透 明 矩 形 上 添加 合适 的 文字 ， 如 图 11-160 所 示 。 


Full of vigor 


图 11-158 图 11-159 图 11-160 
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簿 准 刁 


三 


在 工具 箱 中 选择 “钢笔 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 黄色 ，“ 描 边 ”为 无 ， 设 置 
完成 后 在 画面 中 绘制 分 割 线 ， 如 图 11-161 所 示 。 

项 用 同样 的 方法 ， 继 续 使 用 “ 横 排 文 字 工具 ”在 分 割 线 上 方 输入 合适 的 文字 ， 并 在 选项 栏 中 设置 合适 的 字体 、 字 号 及 
颜色 ， 如 图 11-162 所 示 ， 该 音乐 播放 器 画面 最 终 效 果 如 图 11-163 所 示 。 
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Full of vigor 


图 11-161 图 11-162 图 11-163 


照片 滤 镜 


曾 技术 速 查 : 使 用 “照片 滤 镜 ” 调 整 命令 可 以 模仿 在 相机 镜头 前 面 添加 彩色 小 镜 的 效果 。 
(1) 打开 一 张 图 片 ， 如 图 11-164 所 示 。 执 行 “ 图 像 > 调整 > 照片 滤 镜 ”命令 ， 打 开 “ 照 片 滤 镜 ”对 话 框 ， 然 后 进行 参 


数 的 设置 ， 如 图 11-165 所 示 。 参 数 设置 完成 后 单 击 “确定 ”按钮 ， 效 果 如 图 11-166 所 示 。 
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图 11-164 图 11-165 图 11-166 


(2) 在 “ 滤 镜 ”下 拉 列 表 框 中 可 以 选择 一 种 预 设 的 效果 应 用 到 图 像 中 ， 如 图 11-167 所 示 为 加 温 滤 镜 (LBA) 效果 ， 
如 图 11-168 所 示 为 冷却 滤 镜 〈90) 效果 。 

(3) 选中 “颜色 ” 单 选 按钮 ， 可 以 自行 设置 滤 镜 颜色 ， 如 图 11-169 所 示 为 “颜色 ”为 青色 的 效果 ， 如 图 11-170 所 示 为 
“颜色 ”为 洋红 色 的 效果 。 

(4) 设置 “浓度 ”数值 可 以 调整 滤 镜 颜色 应 用 到 图 像 中 的 颜色 百分比 。 数 值 越 大 ， 应 用 到 图 像 中 的 颜色 浓度 就 越 
高 ， 如 图 11-171 所 示 ; 数值 越 小 ， 应 用 到 图 像 中 的 颜色 浓度 就 越 低 ， 如 图 11-172 所 示 。 

(5) 选中 “保留 明度 ” 复 选 框 后 ， 可 以 保留 图 像 的 明度 不 变 。 
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图 11-170 图 11-171 图 11-172 


总 视频 精 讲 : Photoshop 新 手 学 视频 精 讲 巢 堂 \ 常 用 色调 调整 命令 .flv 
总 技术 速 查 : 使 用 “通道 混合 器 ”命令 可 以 对 图 像 某 一 个 通道 颜色 进行 调整 ， 以 创建 出 各 种 不 同色 调 的 图 像 。 同 时 也 可 
以 用 来 创建 高 品质 的 灰 度 图 像 。 
(1) 打开 一 张 图 像 ， 如 图 11-173 所 示 。 执 行 “ 图 像 > 调整 > 通道 混合 器 ”命令 ， 打 开 “ 通 道 混合 器 了”” 对 话 框 ， 如 
图 11-174 所 示 。 在 “通道 混合 器 ”对 话 框 中 进行 参数 设置 ， 设 置 完成 后 单 击 “ 确 定 ”按钮 ， 图 像 效 果 如 图 11-175 所 示 。 


图 11-173 图 11-174 图 11-175 
(2) 在 “输出 通道 ”下 拉 列 表 框 中 可 以 选择 一 种 通道 来 对 图 像 的 色调 进行 调整 。 如 图 11-176 所 示 为 设置 通道 为 


@ 因 汉 化 问题 ， 此 处 “通道 混合 器 ”与 图 11-174 所 示 的 “通道 混和 器 ”为 同一 内 容 ， 后 文 不 再 更 述 。 
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“ 绿 ” 的 调 色 效果 ; 如 图 11-177 所 示 为 设置 通道 为 “ 蓝 ” 的 调 色 效果 。 
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图 11-176 图 11-177 


In 


汪 ] 选 项 解读 ，“ 通 道 混合 器 ”对 话 框 详解 


入 预 设 ，Photoshop 提 供 了 6 种 制作 黑白 图 像 的 预 设 效 果 。 

加 源 通道 ， 设 置 颜色 占 图 像 中 的 百分比 。 

加 总 计 ， 显示 源 通道 的 计数 值 。 如 果 计 数值 大 于 100%， 则 有 可 能 丢失 一 些 阴 影 和 高 光 细 节 。 
向 常数 ， 用 来 设置 输出 通道 的 友 度 值 ， 负 值 可 以 在 通道 中 增加 黑色 ， 正 值 可 以 在 通道 中 增加 白色 。 
， 向 单 色 选中 该 复 选 框 可 以 制作 黑白 图 像 。 


名 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 常 用 色调 调整 命令 .flv 
时 技 术 速 查 ， 数 字 图 像 输入 或 输出 设备 都 有 自己 特定 的 色彩 空间 ， 这 就 导致 了 色彩 在 不 同 的 设备 之 间 传 输 时 会 出 现 不 匹 
配 的 现象 。 使 用 “颜色 查找 ”命令 可 以 使 画面 颜色 在 不 同 的 设备 之 间 精 确 传递 和 再 现 。 
打开 一 张 图 像 ， 如 图 11-178 所 示 。 执 行 “ 图 像 > 调整 > 颜色 查找 ”命令 ， 在 弹出 的 “颜色 查找 ”对 话 框 中 可 以 从 
“3DLUT 文 件 ” 下 拉 列 表 中 选择 合适 的 类 型 ， 如 图 11-179 所 示 。 选 择 完成 后 可 以 看 到 图 像 整 体 颜色 发 生 了 风格 化 的 效果 ， 
如 图 11-180 所 示 。 


图 11-178 图 11-179 图 11-180 


视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \' 特 殊 色 
调调 整 命令 .fv 

锡 技术 速 查 : 使 用 “ 反 相 ”命令 可 以 将 图 像 中 的 某 种 
颜色 转换 为 它 的 补 色 ， 即 将 原来 的 黑色 变 成 白色 . 
将 原来 的 白色 变 成 黑色 ， 从 而 创建 出 负片 效果 . 
打开 一 张 图 片 ， 如 图 11-181 所 示 。 执 行 “ 图 像 > 调 

整 > 反 相 ”命令 ， 即 可 得 到 反 相 效果 ， 如 图 11-182 所 示 。 

“ 反 相 ”命令 是 可 逆 的 过 程 ， 再 次 执行 该 命令 可 以 得 到 

原始 效果 。 
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图 11-181 图 11-182 


竟 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 特 殊 色 调调 整 命令 .flv 
总 技术 速 查 : 使 用 “色调 分 离 ”命令 可 以 指定 图 像 中 每 个 通道 的 色调 级 数目 或 亮度 值 ， 然后 将 像素 映射 到 最 接近 的 匹配 
级 别 。 
“色调 分 离 ” 命 令 是 将 图 像 中 每 个 通道 的 色调 级 数目 或 亮度 值 指定 级 别 ， 然 后 将 其 余 的 像素 映射 到 最 接近 的 匹配 级 
别 。 设 置 的 色 阶 值 越 小 ， 分 离 的 色调 越 多 ; 色 阶 值 越 大 ， 保 留 的 图 像 细 节 就 越 多 。 
打开 一 张 图 像 ， 如 图 11-183 所 示 。 执 行 “ 图 像 > 调整 > 色调 分 离 ” 命 令 ， 在 “色调 分 离 ” 对 话 框 中 可 以 进行 色 阶 数量 的 
设置 ， 如 图 11-184 所 示 ， 色 调 分 离 效果 如 图 11-185 所 示 。 


图 11-183 图 11-184 图 11-185 
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意 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 特 殊 色调 调整 命令 .flv 
各 技术 速 查 : 阔 值 是 基于 图 片 亮度 的 一 个 黑白 分 界 值 。 在 Photoshop 中 使 用 “ 阔 值 ”命令 将 删除 图 像 中 的 色彩 信息 ,将 
其 转换 为 只 有 黑白 两 种 颜色 的 图 像 。 并 且 比 盖 值 亮 的 像素 将 转换 为 白色 . 比 阔 值 暗 的 像素 将 转换 为 黑色 。 
“ 阀 值 ” 命 令 用 于 制作 只 有 黑白 两 色 的 图 像 。 在 “ 阔 值 ”对 话 框 中 设置 “ 阔 值 色 阶 ”数值 ， 亮 度 高 于 这 个 数值 的 区 域 
会 变 白 ， 亮 度 低 于 这 个 数值 的 区 域 会 变 黑 。 阔 值 越 大 ， 黑 色 像 素 分 布 就 越 广 。 
打开 一 个 图 像 ， 如 图 11-186 所 示 。 执 行 “ 图 像 > 调 整 > 闵 值 ”命令 ,打开 “ 闵 值 ”对 话 框 ， 然 后 拖 忠 滑 块 调整 六 值 色 
阶 ， 如 图 11-187 所 示 。 设 置 完成 后 单 击 “ 确 定 ”按钮 ， 画 面 效果 如 图 11-188 所 示 。 


Sign UpToday 


图 11-186 图 11-187 图 11-188 


匈 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 特 殊 色调 调整 命令 似 
总 技术 速 查 : 渐变 映射 的 工作 原理 其 实 很 简单 ， 先 将 图 像 转 换 为 灰 度 图 像 ， 然 后 将 相等 的 图 像 灰 度 范围 映射 到 指定 的 渐 
变 填 充 色 .就 是 将 渐变 色 映 射 到 图 像 上 。 
(1) 打开 一 张 图 片 ， 如 图 11-189 所 示 。 执 行 “ 图 像 > 调整 > 渐变 映射 ”命令 ,打开 “ 渐 变 映 射 ” 对 话 框 ， 接 着 单 击 渐 
变色 条 ， 打 开 “ 渐 变 编辑 器 ”窗口 并 编辑 一 个 合适 的 渐变 颜色 ， 如 图 11-190 所 示 。 设 置 完 成 后 单 击 “ 确 定 ”按钮 ， 此 时 画 
面 颜色 效果 如 图 11-191 所 示 。 


Delete document 


图 11-189 图 11-190 


(2) 选中 “ 反 向 ” 复 
选 框 后 ， 可 以 反 转 渐变 的 填 
充 方向 ， 映 射出 的 渐变 效果 
也 会 发 生变 化 ， 如 图 11-192 Delete document 
所 示 。 若 选中 “ 仿 色 ” 复 先 
框 ，Photoshop 会 添加 一 些 随 一 一 
机 的 杂 色 来 平滑 渐变 效果 。 GE3 


图 11-191 图 11-192 
者 而 芭 可 选 颜 


使 用 “可 选 颜色 ”命令 可 以 对 图 像 中 的 红 、 黄 、 绿 、 青 、 蓝 、 洋 红 、 白 色 、 中 性 色 以 及 黑色 中 各 种 颜色 所 占 的 百分比 
进行 调整 ， 实 现 调 色 的 目的 。 

(1) 打开 图 片 ， 如 图 11-193 所 示 。 执 行 “ 图 像 > 调 整 > 可 选 颜色 ”命令 ， 打 开 “ 可 选 颜色 ”对 话 框 ， 如 图 11-194 所 
示 。 设 置 完成 后 单 击 “确定 ”按钮 ， 效 果 如 图 11-195 所 示 。 


图 11-193 图 11-194 图 11-195 
(2) 在 “颜色 ”下 拉 列 表 框 中 选择 要 修改 的 颜色 ， 然 后 调整 下 方 颜色 的 数值 ， 可 以 调整 该 颜色 中 青色 、 洋 红 、 黄 色 
和 黑色 所 占 的 百分比 。 如 图 11-196 所 示 为 设置 “颜色 ”为 “洋红 ”的 调 色 效果 ; 如 图 11-197 所 示 为 设置 “颜色 ”为 “中 性 
色 ” 的 调 色 效果 。 


图 11-196 图 11-197 
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从 高 手 小 贴 士 :， “方法 ”选项 | 
有 “相对 ”和 “绝对 ”两 种 方法 。 选 择 “ 相 对” 方式， 可 以 根据 颜色 总 量 的 百分比 来 修改 青色 、 洋 红 、 黄 色 和 黑色 


的 数量 ， 选 泽 “绝对 ”方式 ， 可 以 采用 绝对 值 来 调 吾 颜色 。 


中 单 击 “ 确 定 ” 按 钮 。 接 着 在 弹出 的 “属性 ” 
“红色 ”， 设置 “饱和 度 ” 为 -58， 如 图 11-201 所 示 。 选 择 
“绿色 ”， 设 置 “饱和 度 ” 为 -37， 如 图 11-202 所 示 。 选 择 
“ 蓝 色 ”， 设 置 “饱和 度 ” 为 -40， 如 图 11-203 所 示 。 选 择 
“全 图 ”， 设 置 “饱和 度 ” 为 -58， 如 图 11-204 所 示 ， 效 果 
如 图 11-205 所 示 。 


闪电 指数 
案例 效果 


案例 对 比 效果 如 图 11-198 和 图 11-199 
所 示 。 
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@ : 图 11-200 图 11-201 
Bll-198 ll | 项 执行 “图 层 > 新 建 调整 图 层 > 曲线 ”命令 ， 在 弹出 的 


操作 步 又 | “新 建 图 层 ”对 话 框 中 单 击 “确定 ”按钮 。 接 着 在 “属性 ” 
; 面板 中 设置 “ 绿 ” 通 道 与 RGB 通道 曲线 形状 ， 如 图 11-206 和 

回执 行 “ 文 件 > 打开 ”命令 或 按 Cul+O 快 捷 键 打开 背 ; 图 11-207 所 示 。 并 将 图 层 莹 版 填充 黑色 ， 使 用 白色 画笔 涂抹 

景 素材 文件 “1jpg”， 如 图 11-200 所 示 。 i 山 的 部 分 。 设 置 “曲线 ”调整 图 层 的 “不 透明 度 ”为 50%， 


8 需要 降低 图 像 的 色彩 感 ， 因 此 执行 “图 层 > 新 建 调 : 使 其 只 对 山体 部 分 起 作用 ， 如 图 11-208 所 示 ， 效 果 如 图 11-209 
整 图 层 > 色相 /饱和 度 ” 命 令 ， 在 弹出 的 “新 建 图 层 ” 对 话 框 : 所 示 。 
RE 
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图 11-202 图 11-203 图 11-204 图 11-205 图 11-206 


了 8 创建 新 的 “可 选 颜色 ”调整 图 层 ， 设 置 具体 参数 ， 如 图 11-210 和 图 11-211 所 示 ， 效 果 如 图 11-212 所 示 。 
隔 创建 新 的 “曲线 ”调整 图 层 ， 建 立 两 个 控制 点 ， 调 整 为 S 形 曲线 ， 如 图 11-213 所 示 。 增 强 图 像 对 比 度 ， 效 果 如 图 11-214 
所 示 。 
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wa le | 
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图 11-213 


了 为 了 使 图 像 颜色 丰富 一 些 ， 可 以 将 山体 部 分 调整 为 与 青 灰色 的 天 空 相对 应 的 颜色 。 创 建新 的 “曲线 ”调整 图 层 ， 在 


蒙 版 中 使 用 黑色 画笔 涂抹 山体 以 外 的 


向 ， 如 图 11-217 所 示 。 


图 11-214 


果 如 图 11-220 所 示 。 
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[ZL& 1 日 
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图 11-215 图 11-216 


创建 新 的 “亮度 /对 比 度 ” 调 整 图 层 ， 在 “属性 ”面板 中 设置 “ 亮 


”为 -31， 


区 域 ， 如 图 11-215 所 示 。 选 择 红色 通道 ， 提 亮 曲线 ， 如 图 11-216 所 示 。 使 山体 向 红色 倾 


图 11-217 


了 创建 新 的 “ 色 阶 ”调整 图 层 ， 然 后 设置 数值 为 19: 1.00: 250， 并 在 图 层 蒙 版 中 使 用 黑色 画笔 涂抹 岩石 部 分 ， 如 图 11-218 
所 示 


“对 比 度 ” 为 40， 如 图 11-219 所 示 ， 效 


区 为 了 强化 气氛 ， 可 以 制作 暗 角 效果 。 创 建新 的 “曲线 ”调整 图 层 ， 压 暗 曲 线 ， 如 图 11-221 所 示 。 接 着 使 用 黑色 画笔 


在 蒙 版 中 绘制 
如 图 11-222 所 示 。 


点 ， 并 使 用 自由 变换 快捷 键 Ctrl+T 将 其 放大 变 虚 ， 使 3 


其 边 角 变 暗 ， 变 换 完 成 后 按 Ctrl+Enter 快 捷 键 确认 变换 ， 
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图 11-218 图 11-219 图 11-220 图 11-221 
区 创建 新 的 “可 选 颜色 ”调整 图 层 ， 设 置 “ 颜 色 ” 为 “ 蓝 色 ”，“ 青 色 ” 为 -14%，“ 洋 红 ” 为 -6%，“ 黄 色 ” 为 
+100%， 如 图 11-223 所 示 。 设 置 “ 颜 色 ” 为 “黑色 ”，“ 青 色 ” 为 +5%，“ 洋 红 ” 为 0%，“ 黄 色 ” 为 -11%， 如 图 11-224 所 示 ， 效 
果 如 图 11-225 所 示 。 
如 最 后 选择 工具 箱 中 的 “ 横 排 文字 工具 ”， 在 画面 中 适当 的 位 置 输入 文字 ， 最 终 效果 如 图 11-226 所 示 。 
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图 11-222 图 11-223 图 11-224 图 11-225 图 11-226 


操作 步骤 

本 执行 “文件 > 打开 ”命令 ， 打 开 背 景 素材 “1jpg” 
如 图 11-229 所 示 。 画 面 整体 颜色 较 单一 ， 首 先 应 对 画面 整体 
颜色 进行 调整 。 

执行 “图 层 > 新 建 调整 图 层 > 色 相 /饱和 度 ”命令 ， 
在 弹出 的 “新 建 图 层 ” 对 话 框 中 单 击 “ 确 定 ” 按 钮 。 设 置 
“通道 ”为 “全 图 ”，“ 饱 和 度 ”为 31， 如 图 11-230 所 示 ， 
设置 “通道 ”为 “黄色 ”，“ 饱 和 度 ” 为 -100， 如 图 11-231 
所 示 ; 设置 “通道 ”为 “青色 ”，“ 色 相 ” 为 -36，“ 明 
度 ” 为 -100， 如 图 11-232 所 示 ， 设 置 “ 通 道 ” 为 “ 蓝 色 ”， 
“色相 ”为 -30，“ 饱 和 度 ” 为 13，“ 明 度 ” 为 -34， 如 
图 11-233 所 示 ， 调 整 完 成 后 的 效果 如 图 11-234 所 示 。 
i 区 执行 “图 层 > 新 建 调整 图 层 > 可 选 颜色 ”命令 ， 在 
; 弹出 的 “新 建 图 层 ” 对 话 框 中 单 击 “确定 ”按钮 。 设 置 “ 颜 


一 一 和 本 看 上 | 


案例 效果 
案例 对 比 效果 如 图 11-227 与 图 11-228 所 示 。 


图 11-227 图 11-228 


色 ” 为 “ 蓝 色 ”， 
“黄色 ”为 100%， 如 


“青色 ”为 100%， 


11-236 所 示 。 


成 后 的 效果 如 图 11-238 所 示 。 


图 11-229 


图 11-234 
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图 11-325 图 11-236 图 11-237 图 11-238 
档 下 面 对 天 空 部 分 进行 压 暗 。 首 先 选择 工具 箱 中 的 “磁性 套 索 工具 ”， 绘 制 天 空 部 分 的 选区 ， 然 后 创建 新 的 “曲线 ” 
如 图 11-239 所 示 ， 在 该 调整 图 层 蒙 版 中 即 可 看 到 只 有 天 空 部 分 是 白色 ， 如 图 11-240 所 示 。 此 时 


调整 图 层 ， 调 整 


线 的 形状 ， 


“洋红 ”为 -100%， 
设置 “颜色 ”为 “黑色 ”， 


“黄色 ”为 100%， 如 图 
“黄色 ”为 -19%， 


“黑色 ”为 7%， 如 


11-235 所 示 。 设 置 “ 颜 色 ” 为 “白色 ”， 
11-237 所 示 ， 设 置 完 


只 有 天 空 部 分 被 压 暗 了 ， 如 图 11-241 所 示 。 
基 对 地 面部 分 进行 处 理 。 创 建新 的 “曲线 2” 调 整 图 层 ， 调 整 曲线 的 形状 ， 压 B 


黑色 ， 使 用 白色 和 柔 边 


画笔 绘 由 


sens 


sin ne 


CN 


图 11-239 


隐 对 画面 进行 适当 提 亮 。 


图 11-247 所 示 。 


11-240 


创建 新 的 “ 


图 11-241 


正 闪 *\ 园 Na 当 


地 面部 分 ， 如 图 11-243 所 示 ， 效 果 如 图 11-244 所 示 。 


阐 画 面 ， 如 图 11-242 所 示 ， 设 置 蒙 版 背景 为 


图 11-242 


其 摆 放 在 画 


图 11-243 


线 3” 调 整 图 层 ， 调 整 曲线 的 形状 ， 如 图 11-245 所 示 ， 效 果 如 图 11-246 所 示 。 


区 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 将 素材 “2.png” 置 入 文档 内 ， 将 而 中 适当 的 位 置 并 栅 格 化 ， 效 果 如 
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图 11-244 图 11-245 


了 按 Shift+Ctrl+Alt+E 组 合 键 盖 印 图 层 ， 观 察 此 时 图 
像 颜 色 基 本 调整 完毕 ， 如 图 11-248 所 示 ， 下 面 对 天 空 颜色 
偏 白 的 地 方 和 钟楼 内 部 白色 的 漏洞 处 进行 绘制 。 先 用 “吸管 
工具 ”吸取 天 空中 间 的 颜色 ， 然 后 使 用 “颜色 蔡 换 工具 ”， 设 
置 柔 边 圆 画 笔 ， 在 偏 色 的 天 空 和 钟楼 里 进行 绘制 ， 案 例 最 终 效 
果 如 图 11-249 所 示 。 


案例 实 
件 中 径 第 | 守 \ 居 空 的 乐 全 
难 易 指数 商会 人 从 窒 


案例 效果 
案例 对 比 效果 如 图 11-250 和 图 11-251 所 示 。 


图 11-250 图 11-251 


操作 步骤 | 
[0D 创建 新 组 ， 命 名 为 “背景 ”。 执 行 “ 文 件 > 打开 ” 
命令 ， 打 开 背 景 素材 “1jpg”， 如 图 11-252 所 示 。 
了 8 执行 “图 层 > 新 建 调整 图 层 > 色相 /饱和 度 ”命令 ， 
在 弹出 的 “新 建 图 层 ” 对 话 框 中 单 击 “ 确 定 ”按钮 ， 创 建新 


E 


图 11-246 


图 11-248 


的 “色相 /饱和 度 ” 调 整 图 层 ， 


图 11-249 


在 “属性 ”面板 中 设置 蓝 色 


“色相 ”为 -26， 如 图 11-253 所 示 ， 效 果 如 图 11-254 所 示 。 


图 11-252 


网 执行 “图 层 > 新 建 调整 
“新 建 图 层 ”对 话 框 中 单 击 “ 确 


图 11-253 


图 层 > 曲 线 ” 命 令 ， 在 弹出 的 
定 ” 按 钮 ， 创 建新 的 “曲线 ” 


调整 图 层 ， 在 “属性 ”面板 中 调整 曲线 的 形状 ， 如 图 11-255 所 
示 。 单 击 “ 曲 线 ” 图 层 蒙 版 ， 使 用 黑色 画笔 绘制 麦田 部 分 ， 


如 图 11-256 所 示 ， 效 果 如 图 11-2 
萝 执行 “图 层 > 新 建 调整 
出 的 “新 建 图 层 ” 对 话 框 中 单 


57 所 示 。 
图 层 > 可 选 颜色 ”命令 ， 在 弹 


二 “确定 ”按钮 创建 新 的 “可 


: 选 颜色 ”调整 图 层 ， 在 “属性 ”面板 中 设置 “颜色 ”为 “ 白 


色 ”， 调 整 其 “黄色 ”数值 为 +100%， 如 图 11-258 所 示 ; 设 


置 “颜色 ”为 “中 性 色 ”， 


图 11-254 


其 “黄色 ”数值 为 +100%， 如 图 11-259 所 示 ， 效 果 如 图 11-260 所 示 。 


图 11-255 


图 11-256 


图 11-257 
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图 11-258 


区 创建 新 组 并 命名 为 “人 像 ”。 执 行 “文件 > 置 入 嵌入 对 象 ”命令 ， 将 人 像素 材 “2.jjpg” 置 入 文档 内 ， 摆 放 在 适当 的 
位 置 并 将 其 栅 格 化 。 使 用 “钢笔 工具 ”绘制 出 人 像 选区 ， 并 添加 图 层 蒙 版 ， 隐 藏 背景 部 分 ， 如 图 11-261 和 图 11-262 所 示 。 


mn | 


图 11-259 


图 11-260 


隐 从 图 中 可 以 看 出 人 像素 材 的 受 光 感 较 弱 ， 显 得 整体 | 
整 图 层 > 曲线 ”命令 ， 在 弹出 的 “新 建 图 层 ”对 话 框 中 单 击 


图 11-261 


较 暗 ， 而 且 偏 黄 。 首 先 对 人 像 


而 部 进行 调整 ， 执 行 “图 层 > 新 建 调 
“确定 ”按钮 ， 创 建新 的 “曲线 ”调整 图 层 ， 在 “属性 ”面板 中 压 暗 
曲线 ， 如 图 11-263 所 示 。 在 “图 层 ” 面 板 中 选中 该 图 层 ， 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 执行 “创建 剪贴 蒙 版 ”命令 ， 单 
击 “ 曲 线 ” 图 层 蒙 版 ， 设 置 蒙 版 背景 为 黑色 ， 画 笔 为 白色 ， 绘 制 人 像 


面部 的 阴影 部 分 ， 强 化 面部 立体 感 ， 如 图 11-264 所 示 。 


mans | 


图 11-262 


图 11-263 


葬 继续 创建 “曲线 ”调整 图 层 ， 适 当 提 亮 曲 线 ， 如 图 11-265 所 示 。 在 “图 层 ” 面 板 中 单 击 鼠 标 右 键 ， 在 弹出 的 快捷 菜 


单 中 执行 “创建 剪贴 蒙 版 ”命令 ， 


强化 面部 立体 感 ， 如 图 11-266 所 示 。 


回 创建 新 的 “ 曲 
线 ” 调 整 图 层 ， 提 亮 曲 
线 ， 如 图 11-267 所 示 。 
单 击 鼠 标 右键 ， 在 弹出 
的 快捷 菜单 中 执行 “ 创 
建 前 贴 蒙 版 ”命令 ， 单 
击 “ 曲 线 ” 图 层 蒙 版 ， 
设置 蒙 版 背景 为 黑色 ， 
画笔 为 白色 ， 绘 制 牙 齿 
和 眼 白 部 分 ， 如 图 11-268 
所 示 。 


图 11-264 


图 11-266 


上 f# “曲线 ”图 层 蒙 版 ， 设 置 蒙 版 背景 为 黑色 ， 夯 笔 为 白色 ,绘制 人 像 面部 的 高 光 部 分 ， 


ws :| 


图 11-267 
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汝 I 示 冷 刁 


卫 创建 新 的 “可 选 颜色 ”调整 图 层 ， 在 “属性 ”面板 中 调整 颜色 参数 ， 如 图 11-269 和 
图 11-270 所 示 。 单 击 “ 可 选 颜色 ”图 层 蒙 版 ， 使 用 黑色 画笔 涂抹 去 掉 对 头发 部 分 的 影响 ， 如 
图 11-271 所 示 。 

全 创建 新 的 “曲线 ”调整 图 层 ， 提 亮 曲线 ， 如 11-272 所 示 。 单 击 “曲线 ” 图 层 蒙 版 ， 设 置 
蒙 版 背景 为 黑色 ， 画 笔 为 白色 ， 绘 制 整体 人 像 部 分 ， 如 图 11-273 所 示 。 

执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 将 麦 穗 素材 “3.png” 置 入 文档 内 ， 将 其 放置 在 


画面 中 适当 的 位 置 并 栅 格 化 ， 如 图 11-274 所 示 。 图 11-268 
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图 11-269 图 11-270 图 11-271 图 11-272 图 11-273 
配 创建 新 的 “色相 /饱和 度 ” 调 整 图 层 ， 在 “属性 ”面板 中 设置 参数 ， 如 图 11-275 所 示 ， 效 果 如 图 11-276 所 示 。 


区 置 入 光 效 素材 文件 “4jpg”， 将 其 放置 在 合适 的 位 置 并 栅 格 化 。 在 “图 层 ”面板 中 设置 该 图 层 的 “混合 模式 ”为 “ 滤 
色 ”。 接 着 为 其 添加 图 层 蒙 版 ， 使 用 黑色 画笔 涂抹 手臂 部 分 ， 使 光 效 有 穿插 效果 ， 如 图 11-277 所 示 ， 案 例 最 终 效 果 如 图 11-278 
所 示 。 
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图 11-274 图 11-275 图 11-276 图 11-277 图 11-278 


阴影 /高 光 


上 视频 精进 : Photoshop 新 手 学 视频 精 讲课 堂 \ 影 调调 整 命令 -fl 
全 技术 速 查 : 使 用 “阴影 高光” 命令 可 以 通过 对 画面 中 阴影 区 域 和 高 光 区 域 的 明暗 进行 分 别 调整 ， 从 而 还 原 图 像 阴影 
区 域 过 障 或 高 光 区 域 过 亮 造成 的 细节 损失 。 
(1) 打开 图 片 ， 如 图 11-279 所 示 。 执 行 “ 图 像 > 调整 > 阴影 /高 光 ” 命 令 ， 打 开 “ 阴 影 /高 光 ” 对 话 框 ， 如 图 11-280 所 
示 。 选 中 “显示 更 多 选项 ” 复 选 框 后 ， 可 以 显示 “阴影 /高 光 ” 的 完整 选项 ， 如 图 11-281 所 示 。 


这 二 二 
[FE/ 寺 上. 这 
阴影 
| A 1 me 
| 存 证 (3)- 存 站 到 认 值 (W) 
| | ECE CE 
图 11-279 图 11-280 图 11-281 
(2) “阴影 ”下 方 的 “数量 ”选项 用 来 控制 阴影 区 域 的 亮度 ， 值 越 大 ， 阴 影 区 域 就 越 亮 ， “色调 ”选项 用 来 控制 
色调 的 修改 范围 ， 值 越 小 ， 修 改 的 范围 就 只 针对 较 暗 的 区 域 ，“ 半 径 ” 选 项 用 来 控制 像素 是 在 阴影 中 还 是 在 高 光 中 ， 如 


图 11-282 所 示 。 修 改 数值 后 ， 较 暗 的 区 域 变 亮 了 ， 效 果 如 图 11-283 所 示 。 
(3) “高 光 ” 下 方 的 “数量 ”选项 用 来 控制 高 光 区 域 的 黑暗 程度 ， 值 越 。 0 ET] % 
大 ， 高 光 区 域 越 暗 :， “色调 ”选项 用 来 控制 色调 的 修改 范围 ， 值 越 小 ， 修 改 的 


色调 (7T): 50 % 
范围 就 只 针对 较 亮 的 区 域 ， “半径 ”选项 用 来 控制 像素 是 在 阴影 中 还 是 在 高 光 站 多 30 | 像素 
中 ， 如 图 11-284 所 示 。 修 改 数值 后 ， 亮 部 区 域 变 暗 了 ， 修 改 后 的 效果 如 图 11-285 汪汪 
所 示 。 


高 光 
数量 (U) 70 
色调 (N): eq 
半径 (D) 30 


图 11-284 图 11-285 


“颜色 ”选项 用 来 调整 已 修改 区 域 的 颜色 ; “中 间 调 ”选项 用 来 调整 中 间 调 的 对 比 度 ; “修剪 黑色 ”和 “修剪 白 | 


， 色 ”选项 决定 了 在 图 像 中 将 多 少 阴影 和 高 光 剪 到 新 的 并 影 中 。 


.1 HDR 色 调 


六 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 特 殊 色 调调 整 命令 .fl 


总 技术 速 查 : HDR 的 全 称 是 High Dynamic Range， 即 高 动态 范围 。“HDR 色 调 ” 命 令 可 以 用 来 修补 太 亮 或 太 暗 的 图 
像 ， 制 作出 高 动态 范围 的 图 像 效 果 . 对 于 处 理 风暴 图 像 非常 有 用 . 
(1) 打开 图 片 ， 如 图 11-286 所 示 。 执 行 “ 图 像 > 调整 >HDR 色 调 ” 命 令 ， 打 开 “HDR 色 调 ” 对 话 框 ， 在 该 对 话 框 中 可 


二 小 


BE“ 于 才 


以 使 用 预 设 选项 ， 也 可 以 自行 设 定 参数 ， 如 图 11-287 所 示 ， 如 图 11-288 所 示 为 HDR 色 调 效果 。 
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图 11-286 图 11-287 图 11-288 
(2) “边缘 光 ” 用 于 调整 图 像 边缘 光 的 强度 。 设 置 “ 强 度 ” 为 0.1 时 ， 效 果 如 图 11-289 所 示 ; 设置 “强度 ”为 4 时 ， 效 


果 如 图 11-290 所 示 。 
(3) 使 用 “色调 和 细节 ”组 中 的 选项 可 以 使 图 像 的 色调 和 细节 更 加 丰富 细腻 。 设 置 “ 细 节 ” 为 -30% 时 ， 效 果 如 图 11-291 
所 示 ; 设置 “细节 ”为 150% 时 ， 效 果 如 图 11-292 所 示 。 


图 11-289 图 11-290 


图 11-291 图 11-292 


| 高 手 小 贴 士 :在 多 个 图 层 的 情况 下 执行 “HDR 色 调 ” 命 令 Ea = 
。 在 多 个 图 层 的 情况 下 执行 “HDR 色 调 ” 命 令 ， 会 弹出 “脚本 警告 ”对 话 框 ， 如 图 11-295 所 四 "orem sanee 

， 示 。 单 而 “是 ”按钮 将 所 有 图 层 进行 合并 ， 然 后 打开 “HDR 色 调 ” 对 话 框 ; 单 击 “ 否 ”按钮 则 

不 会 合并 图 层 ， 并 且 不 会 打开 “HDR 色 调 ”对 话 框 。 如 果 要 对 某 个 图 层 应 用 “HDR 色 调 ” 效 果 ， Eo) Em) 
“可 以 先 将 图 片 在 Photoshop 中 打开 ， 然 后 进行 调 色 ， 接 着 把 调 完 色 的 图 片 添加 到 操作 的 文档 中 。 


竟 技术 速 查 : “去 色 ” 命 令 
可 以 将 图 像 中 的 颜色 去 
掉 ， 使 其 成 为 灰 度 图 像 。 
打开 图 片 ， 如 图 11-294 
所 示 。 执 行 “图 像 > 调整 > 去 
色 ” 命 令 ， 图 像 变 为 黑白 色 ， 
如 图 11-295 所 示 。 


图 11-294 图 11-295 


匹配 颜色 


多 技术 速 查 . “匹配 颜色 ”命令 的 原理 是 将 一 个 图 像 作为 
源 图 像 ， 另 一 个 图 像 作为 目标 图 像 ， 然 后 将 源 图 像 的 颜 
色 与 目标 图 像 的 颜色 进行 匹配 。 源 图 像 和 目标 图 像 可 以 
是 两 个 独立 的 文件 ， 也 可 以 匹配 同一 个 图 像 中 不 同 图 层 
之 间 的 颜色 。 

“匹配 颜色 ”命令 能 够 以 其 他 图 像 或 者 图 层 的 颜色 作为 本 

样本 ， 对 所 选 图 像 进 行 色彩 之 间 的 匹配 。 接 下 来 用 图 层 “1” Ne 

中 蓝 色 的 图 像 去 匹配 画面 颜色 ， 如 图 11-296 所 示 。 _ 酒 

(1) 选择 “背景 ”图 层 ， 执 行 “图 像 > 调整 > 匹配 颜色 ” ee 
命令 ， 打 开 “ 匹 配 颜色 ”对 话 框 。 接 着 设置 “ 源 ” 为 文本 ee nomen 

档 ， 因 为 要 将 图 层 “1” 的 颜色 与 “背景 ”图 层 的 颜色 进行 

匹配 ， 所 以 设置 “图 层 ”为 1， 如 图 11-297 所 示 。 对 匹配 的 颜 

色 进 行 调整 ， 通 过 “明亮 度 ” “颜色 强 度 ”“ 渐 隐 ” 进行 调 

色 ， 设 置 完成 后 单 击 “ 确 定 ” 按 钮 ， 此 时 画面 效果 如 图 11-298 

所 示 。 


图 11-296 


图 11-293 
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图 11-297 


选项 解读 : 


从 目标 这 里 显示 的 是 要 修改 的 图 像 的 名 称 以 及 颜色 模式 。 


“匹配 颜色 ”对 话 框 详解 


(2) “ 渐 隐 ”选项 
类 似 于 图 层 蒙 版 ， 它 决 
定 了 有 多 少 源 图 像 的 颜 
色 匹配 到 目标 图 像 的 颜 
色 中 ， 如 图 11-299 所 示 为 
“ 浙 隐 ” 值 为 15 时 的 匹配 
效果 ， 如 图 11-300 所 示 为 
“ 渐 隐 ” 值 为 90 时 的 匹配 
效果 。 


站 应 用 调整 时 忽略 选区 ， 如果 目标 图 像 ( 即 被 修改 的 图 像 ) 中 存在 选区 ， 选 中 该 复 选 框 ，Photoshop 将 忽视 选区 的 存在 ,会 ， 
将 调整 应 用 到 整个 图 像 ， 如 图 11-3501 所 示 ;， 如 果 不 选 中 该 复 选 框 ， 那 么 调整 只 针对 选区 内 的 图 像 ， 如 图 11-302 所 示 。 


图 11-301 
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图 11-302 


如 图 11-304 所 示 为 选中 “使 用 源 选 区 计算 颜色 ” 复 选 框 的 效果 。 
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图 11-303 图 11-304 


息 使 用 源 选区 计算 颜色 :该 选项 可 以 使 用 源 图 像 中 的 选区 图 像 的 颜色 来 计算 匹配 颜色 ， 如 图 11-303 所 示 为 选区 的 位 置 ， 


息 使 用 目标 选区 计算 调整 ， 该 选项 可 以 使 用 目标 图 像 中 的 选区 图 像 的 颜色 来 计算 匹配 颜色 (注意 ， 这 种 情况 必须 选择 源 图 | 


像 为 目标 图 像 ) ， 如 图 11-305 所 示 为 选区 的 位 置 ， 如 图 11-306 所 示 为 选中 “使 用 目标 选区 计算 调整 ” 复 选 框 的 效果 。 
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图 11-305 图 11-306 


四 源 : 该 选项 用 来 选择 源 图 像 ， 即 将 颜色 匹配 到 目标 图 像 的 图 像 。 


办 技术 速 查 : 使 用 “替换 颜色 ”命令 可 以 修改 图 像 中 选 定 颜色 的 色相 、 饱 和 度 和 明度 ， 从 而 将 选 定 的 颜色 蔡 换 为 其 他 
颜色 。 
(1) 打开 图 片 ， 如 图 11-307 所 示 。 执 行 “ 图 像 > 调整 > 葵 换 颜色 ”命令 ,打开 “ 葵 换 颜色 ”对 话 框 ， 默 认 情 况 下 选择 
的 是 “吸管 工具 ”2 ， 然 后 设置 “ 容 差 参数 ”数值 ， 接 着 将 光标 移 到 界面 的 黄色 背景 位 置 ， 单 击 拾取 颜色 ， 此 时 可 以 看 到 


缩 览 图 中 黄色 背景 位 置 变 为 了 白色 ， 在 此 缩 览 图 中 ， 白 色 代表 被 选中 ， 如 图 11-308 所 示 。 
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图 11-307 图 11-308 
(2) 进行 背景 调 色 。 [= 
在 “ 莹 换 颜 色 ” 对 话 框 中 ， evowso 
通过 更 改 “色相 ”“ 饱 和 | msn 
度 ”“ 明 度 ”选项 去 调整 答 区 
换 的 颜色 ， 通 过 “结果 ” 选 
项 观察 葵 换 颜色 的 效果 ， 如 关于 | 
图 11-309 所 示 。 设 置 完成 后 
单 击 “ 确 定 ”按钮 ， 此 时 黄 ons0 “am 
色 背 景 变 为 青色 ， 效 果 如 | fw 到 
图 11-310 所 示 。 a sn 
图 11-309 图 11-310 


色调 均 化 


的 技术 速 查 . “色调 均 化 ”命令 是 将 图 像 中 像素 的 亮度 值 进行 重新 分 布 。 
打开 一 张 图 像 ， 如 图 11-311 所 示 。 执 行 “ 图 像 > 调整 > 色调 均 化 ”命令 ， 会 自动 重新 分 布 图 像 中 像素 的 亮度 值 ， 以 便 它 
们 更 均匀 地 呈现 所 有 范围 的 亮度 级 ， 如 图 11-312 所 示 。 
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图 11-311 图 11-312 
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文件 路 径 第 11 章 \ 平 板 电脑 生活 类 APP 首 页 设计 
痉 窗 窒 食 斌 


难 易 指数 


案例 效果 


案例 效果 如 图 11-313 所 示 。 


图 11-313 


这 是 一 款 针对 平板 电脑 


户 端的 生活 类 APP 的 首页 设计 ， 该 APP 主 要 包括 新 闻 资 讯 、 图 集 ， 以 及 购物 等 几 大 板块 ， 是 近 


年 来 较为 流行 的 以 女性 为 主要 受众 群体 的 生活 类 APP。 为 了 迎合 此 类 使 用 者 ， 界 面 采用 多 种 模块 结合 的 方式 ， 版 面 内 容 类 型 


较为 全 面 ， 整 体 风格 倾向 于 展现 时 尚 、 摩 登 、 高 品质 之 感 。 如 图 11-314 和 图 11-315 所 示 为 优秀 的 界面 设计 作品 。 


图 11-314 


平板 电脑 显示 屏 范 围 较 大 ，APP 界 面 能 够 以 双 栏 甚至 多 


栏 的 形式 进行 排 布 。 左 右 两 个 
息 、 提 示 、 通 知 等 信息 均 出 现在 左 侧 屏 幕 上 方 目光 最 容易 找 


区 域 展 示 不 同类 型 的 模块 ， 消 


到 的 位 置 ， 方 便 用 户 操作 的 同 


时 节约 了 页 面 空 间 。 右 侧 页 面 


轮 播 图 会 自动 切换 当下 最 热 商 品 ， 吸 引用 户 眼 球 。 下 方 为 图 
上 方 产品 轮 播 图 相辅相成 。 如 


文 结合 的 生活 类 资讯 栏目 ， 与 


图 11-316 和 图 11-317 所 示 为 不 同 


布局 模式 的 界面 设计 作品 。 


图 11-315 
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图 11-316 
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[Sa] 


“图 层 ” 面 板 中 右 击 该 图 层 ， 在 弹出 的 快捷 菜单 中 执行 
“ 杨 格 化 图 层 ”命令 。 
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图 11-317 


图 11-320 


3 四 


该 作品 以 紫色 作为 界面 背景 底 色 ， 象 征 高 贵 的 气质 。 用 浓 
郁 的 颜色 作为 背景 ， 搭 配 白色 作为 模块 底 色 ， 给 人 干净 、 清 爽 的 
视觉 感受 ， 同 时 也 不 会 影响 不 同 颜色 的 广告 图 片 。 除 此 之 外 ， 文 
字 中 使 用 了 少量 的 桶 黄色 与 蓝 色 ， 在 调节 气氛 的 同时 也 为 版 面 增 
添 了 亮点 。 以 艳丽 色 或 深 色 作为 背景 底 色 ， 以 浅 色 或 者 白色 作为 
模块 底 色 是 非常 常见 的 配色 方式 ， 如 图 11-318 和 图 11-319 所 示 。 
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图 11-321 
(2) 调节 色调 。 执 行 “图 层 > 新 建 调整 图 层 > 色 相 / 饱 
和 度 ” 命 令 ， 在 弹出 的 “新 建 图 层 ” 对 话 框 中 单 击 “ 确 
定 ” 按 钮 。 接 着 在 “属性 ”面板 中 设置 “色相 ”为 -23， 
如 图 11-322 所 示 ， 此 时 画面 效果 如 图 11-323 所 示 。 
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图 11-318 图 11-319 i me: 5 


1- 制作 左 侧 模块 


EE: 


(1) 执行 “文件 > 新 建 ” 命 令 ， 创 建 一 个 空白 文档 ， 如 
图 11-320 所 示 。 执 行 “ 文 件 > 置 入 嵌入 对 象 ”命令 ， 在 弹出 的 Ses es 


对 话 框 中 选择 “1.jpg”， 单 击 “ 置 入 ”按钮 。 然 后 将 置 入 的 素 (3) 选择 工具 箱 中 的 “矩形 工具 ”， 在 选项 栏 中 
材 摆 放 在 画面 中 合适 的 位 置 ， 将 光标 放 在 素材 一 角 处 按 住 Shit ; 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 白色 ，“ 描 
键 的 同时 ， 按 住 鼠 标 左 键 拖 动 ， 等 比例 放大 该 素材 ， 并 填充 整 ; 边 ” 为 无 颜色 。 设置 完成 后 在 画面 右 侧 位 置 按 住 鼠标 左 
个 画面 ， 如 图 11-321 所 示 。 调 整 完成 后 按 Enter 键 完成 置 入 。 在 ; 键 并 拖 动 ， 绘 制 一 个 白色 和 矩形， 绘制 完毕 后 按 Enter 键 完 


成 操作 ， 如 图 11-324 所 示 。 接 着 继续 使 用 “和 矩 形 工具 ”绘制 
图 11-327 所 示 。 


另 一 个 白色 矩形， 如 图 11-325 所 示 。 
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图 11-324 


图 11-325 


(4) 绘制 下 拉 按 钮 。 在 工具 箱 中 右 击 形状 工具 组 ， 在 
工具 组 列表 中 选择 “ 自 定形 状 工具 ”， 在 选项 栏 中 设置 “ 绘 
制 模式 ”为 “形状 ”，“ 填 充 ” 为 无 颜色 ，“ 描 边 ” 为 灰 
色 ，“ 描 边 粗细 ”为 4 点 ，“ 描 边 类 型 ”为 实 线 。 单 击 打开 
“ 自 定形 状 ” 拾 色 器 ， 选 择 箭头 形状 。 设 置 完成 后 在 画面 中 
页 面 左 侧 版 块 右 下 角 位 置 按 住 鼠 标 左 键 并 拖 动 ， 绘 制 一 个 箭 
头 ， 绘 制 完毕 后 按 Enter 键 完成 此 操作 ， 如 图 11-326 所 示 。 
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图 11-326 
(5) 在 “图 层 ” 面 板 中 选中 该 形状 图 层 ， 执 行 “ 编 辑 > i 


变换 > 顺 时 针 旋转 90 度 ”命令 ， 将 箭头 顺 时 针 旋 转 90”， 如 


(6) 绘制 下 拉 选 项 栏 。 选 择 工具 箱 中 的 “矩形 工 
具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 
为 无 颜色 ，“ 描 边 ”为 灰色 ，“ 描 边 粗细 ”为 4 点 ，“ 描 边 
类 型 ”为 实 线 。 设 置 完成 后 在 页 面 中 左 侧 版 块 下 方 按 住 鼠 标 
左 键 并 拖 动 ， 绘 制 合适 大 小 的 矩形 框 ， 如 图 11-328 所 示 。 
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(7) 编辑 下 拉 选 项 栏 中 的 文字 信息 。 选 择 工具 箱 中 的 
“ 横 排 文字 工具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 设 
置 文字 颜色 为 黑色 ， 设 置 字符 对 齐 方式 为 “ 左 对 齐 文本 ”。 
设置 完毕 后 在 画面 中 下 拉 选 项 栏 位 置 单 击 ， 接 着 输入 文字 ， 
文字 输入 完毕 后 按 Ctrl+Enter 快 捷 键 完 成 此 操作 ， 如 图 11-329 
所 示 。 
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(8) 置 入 素材 图 片 。 执 行 “ 文 件 > 置 入 嵌入 对 象 ” 命 
令 ， 置 入 素材 “2png”， 将 其 摆 放 在 页 面 中 左 侧 版 块 合适 的 位 
置 ， 按 Enter 键 完成 此 操作 ， 并 将 其 栅 格 化 ， 如 图 11-330 所 示 。 

(9) 为 页 面 左 侧 版 块 编辑 其 他 文字 信息 。 选 择 工具 箱 


; 中 的 “ 横 排 文 字 工具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 
; 号， 设置 文字 颜色 为 黑色 ， 设 置 字符 对 齐 方式 为 “ 左 对 齐 广 
; 本 ”。 设 置 完毕 后 在 画面 中 合适 位 置 单 击 ， 接 着 输入 文字 ， 


文字 输入 完毕 后 按 Ctrl+Enter 快 捷 键 ， 如 图 11-331 所 示 。 接 着 
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使 用 相同 的 编辑 方式 ， 并 设置 合适 的 文字 颜色 编辑 其 他 文字 
信息 ， 画 面 效 果 如 图 11-332 所 示 。 
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(10) 绘制 导航 按钮 。 首 先 绘制 一 个 矩形 色 块 。 选 择 
工具 箱 中 的 “矩形 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ” 


为 “形状 ”， “填充” 为 亮 灰 色 ，“ 描 边 ”为 无 颜色 ,设置 
完成 后 在 页 面 左上 方位 置 按 住 鼠 标 左 键 并 拖 动 ， 绘 制 一 个 矩 
形 ， 绘 制 完 毕 后 按 Enter 键 完成 此 操作 ， 如 图 11-333 所 示 。 

(11) 继续 使 用 “矩形 工具 ”， 在 选项 栏 中 设置 “ 填 
充 ” 为 橘 色 ， 设 置 完成 后 在 页 面 左 上 方 合 适 位置 进 行 绘制 ， 
如 图 11-334 所 示 。 然 后 使 用 相同 的 绘制 方式 ， 在 选项 栏 中 设 
置 “ 填 充 ” 为 墨绿 色 ， 设 置 完 成 后 在 页 面 左上 方 合适 位 置 进 
行 绘制 ， 如 图 11-335 所 示 。 


; 色 器 ,选择 “ 储 存 ” 形 状 。 


-i 


rm mE a 
[¥ 号 琶 ttre) > 


上 四 了 日 CRP 史 时 


图 11-333 


EI Yea 
三 多 | 回 i 


二 5 从 人 


一 -we 全 mm cz 人 he 


外 了 DR 和 昌 四 中 


2 加 > mxXANRS 


NTIFFANY CO 


] nn 


图 11-334 


3 加 | 


Me 


日 - 可 rm 二 i 二 w 训 毅 w AR 马 壤 
可 畏 | 而 | 弛 国 Wn) > 


二 人 6 面色 和 
nm 


TIFFANY CO 


和 了 SoRh 包 有 0 由 


_z 国 amNAANR 


11-335 
(12) 在 工具 箱 中 右 击 形状 工具 组 ， 在 工具 组 列表 中 选 


i 择 “ 自 定形 状 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “ 形 


状 ”，“ 填 充 ” 为 灰色 ，“ 描 边 ”为 深 灰 色 ，“ 描 边 粗 细 ” 
为 3.25 点 ，“ 描 边 类 型 ”为 实 线 ， 单 击 打开 “ 自 定形 状 ” 拾 


设置 完成 后 在 画面 中 页 面 左 侧 版 
块 左上 角 位 置 按 住 鼠标 左 键 并 拖 动 ， 绘 制 “ 储 存 ” 图 形 ， 绘 
制 完毕 后 按 Enter 键 完成 此 操作 ， 如 图 11-336 所 示 。 

(13) 继续 使 用 “ 自 定形 状 工具 ”， 在 “ 自 定形 状 ” 
拾 色 器 中 选择 “主页 ”形状 ， 设 置 完 成 后 使 用 相同 的 绘制 广 
式 在 页 面 右上 方 相应 位 置 进 行 绘制 ， 如 图 11-337 所 示 。 然 后 
单 击 打开 “ 自 定形 状 拾 色 器 ”， 选 择 “ 邮 件 ”形状 ， 设 置 完 
成 后 使 用 相同 的 绘制 方式 在 页 面 左 侧 相应 位 置 进行 绘制 ， 如 
图 11-338 所 示 。 
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2- 制作 右 侧 模块 

(1) 编辑 页 面 右 侧 版 块 文字 信息 。 选 择 工具 箱 叶 
“ 横 排 文字 工具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 , 设 
置 文字 颜色 为 橘 色 ， 设 置 字符 对 齐 方式 为 “ 左 对 齐 文本 ”。 = 
设置 完毕 后 在 页 面 右 侧 版 块 合适 位 置 单 击 ， 接 着 输入 文字 ， = 
文字 输入 完毕 后 按 Ctrl+Enter 快 捷 键 完成 文字 的 输入 ， 如 


图 11-339 所 示 。 
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图 11-339 


(2) 置 入 素材 图 片 。 执 行 “文件 > 置 入 嵌入 对 象 ” 命 


令 ， 置 入 素材 “3.jpg”， 将 其 摆 放 在 页 


面 右 上 方位 置 ， 按 


Enter 键 ， 并 将 其 栅 格 化 ， 如 图 11-340 所 示 。 接 着 选择 工具 箱 


中 的 “和 拢 形 选 框 工具 ”， 在 画面 中 合适 位 置 按 住 鼠 标 左 键 并 


拖 动 ， 得 到 和 矩形 选区 ， 如 图 11-341 所 示 。 
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(3) 在 “图 层 ”面板 中 单 击 选中 素材 “3.jpg” 图 层 , 在 
保持 当前 选区 的 状态 下 单 击 “ 图 层 ” 面 板 底 部 的 “添加 图 层 
蒙 版 ”按钮 ， 以 当前 选区 为 该 图 层 添加 图 层 蒙 版 ， 如 图 11-342 
所 示 。 选 区 以 内 的 部 分 为 显示 状态 ， 选 区 以 外 的 部 分 被 隐 
藏 ， 画 面 效 果 如 图 11-343 所 示 。 
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图 11-343 

(4) 绘制 “页 面 控件 ”。 在 工具 箱 中 右 击 形状 工具 
组 ， 在 工具 组 列表 中 选择 “椭圆 工具 ”， 在 选项 栏 中 设置 
“绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 白色 ，“ 描 边 ”为 无 
颜色 。 设 置 完成 后 在 画面 中 素材 “3.jpg” 下 方 按 住 Shift 键 的 
同时 ， 按 住 鼠 标 左 键 并 拖 动 ， 绘 制 一 个 正 圆 ， 绘 制 完毕 后 按 
Enter 键 完成 此 操作 ， 如 图 11-344 所 示 。 接 着 在 “图 层 ” 面 板 
中 选中 该 形状 图 层 ， 反 复 使 用 复制 图 层 快捷 键 Ctrl+tJ， 复 制 
出 3 个 相同 的 形状 图 层 ， 如 图 11-345 所 示 。 
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图 11-345 
(5) 在 “图 层 ” 面 板 中 选中 画面 中 从 左 到 右 第 


个 椭 


。 形状 相应 的 形状 图 层 ， 在 选项 栏 中 设置 “填充 ”为 紫色 ， 如 
; 图 11-346 所 示 。 
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(6) 绘制 搜索 框 。 首 先 编辑 文字 信息 。 选 择 工具 箱 中 
的 “ 横 排 文字 工具 ”， 设 置 “ 文 字 颜 色 ” 为 黑色 ， 使 用 与 上 
述 相同 的 编辑 方式 在 页 面 右 侧 版 块 合适 位 置 进行 编辑 ， 如 
图 11-347 所 示 。 然 后 绘制 窍 形 框 。 选 择 工 具 箱 中 的 “和 拢 形 工 
具 ”， 使 用 与 上 述 相同 的 绘制 方式 在 页 面 右 侧 版 块 合适 位 置 
进行 绘制 ， 如 图 11-348 所 示 。 最 后 使 用 “ 自 定形 状 工具 ”， 
并 在 “ 自 定 形状 ” 拾 色 器 中 选择 “搜索 ”形状 ， 使 用 与 上 
述 相同 的 绘制 方式 在 页 面 右 侧 版 块 合适 位 置 进行 绘制 ， 如 


; 图 11-349 所 示 。 
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图 11-349 
(7) 再 次 使 用 “ 横 排 文字 工具 ”， 使 用 与 上 述 相 同 的 


编辑 方式 在 页 面 右 侧 搜索 框 下 方 进 行文 字 编 辑 ， 如 图 11-350 


所 示 。 
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(8) 绘制 页 面 文章 部 分 。 在 工具 箱 中 右 刘 


形状 工具 


组 ， 在 工具 组 列表 中 选择 “直线 工具 ”， 在 选项 栏 中 设置 


“绘制 模式 ”为 “形状 ”， 


“填充 ”为 无 颜色 ， 
为 灰色 ，“ 描 边 粗 细 ” 为 4 点 ， 


“< 描 边 ” 
“ 描 边 类 型 ”为 实 线 ， 


“ 粗 


细 ” 为 1 像素 。 设 置 完成 后 在 页 面 右 侧 版 块 合适 位 置 按 住 


Shift 键 的 同时 ， 按 住 鼠 标 左 键 并 拖 动 ， 绘 制 一 条 直 


完毕 后 按 Enter 键 完成 此 操作 ， 


如 图 11-351 所 示 。 
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(9) 执行 “ 置 入 > 置 入 嵌入 对 象 ”命令 ， 置 入 素材 
“4.jpg”， 将 其 摆 放 在 页 面 合 适 的 位 置 ， 按 Enter 键 确定 置 
入 ， 并 将 其 栅 格 化 ， 如 图 11-352 所 示 。 然 后 选择 工具 箱 中 的 
“和 拢 形 选 框 工具 ”， 在 画面 中 合适 的 位 置 按 住 鼠 标 左 键 并 拖 
动 ， 得 到 和 矩形 选区 ， 如 图 11-353 所 示 。 
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图 11 
(10) 按 Shift+CtriHI 组 合 键 进行 选 
所 示 。 然 后 按 Delete 键 删除 选 
键 取消 此 选区 ， 此 时 画面 效果 
(11) 编辑 文章 的 文字 信 
字 工 具 ”， 设 置 合适 的 文字 颜色 ， 使 用 与 上 述 相同 的 编辑 方 
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如 图 11-355 所 示 。 
息 。 选 择 工具 箱 中 


式 在 页 面 中 文章 位 置 进行 编 加 


bh 的 “ 横 


工具 箱 中 的 “ 自 定形 状 工具 ”， 在 “ 自 定形 状 ” 拾 色 器 中 


区 反选 ， 如 图 11-354 
区 内 的 内 容 。 再 按 Ctrl+D 快 捷 


上 文 


， 如 图 11-356 所 示 。 接 着 选择 
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择 “ 时 间 ” 形 状 ， 使 用 与 上 述 相同 的 绘制 方式 在 页 面 中 文章 


右 侧 位 置 进行 绘制 ， 如 图 11-357 所 示 。 
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图 11-357 


(12) 使 用 同样 的 方法 制作 下 方 的 文字 和 图 形 ， 案 例 完 
成 效果 如 图 11-358 所 示 。 
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间 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 滤 镜 与 智能 小 镜 -fv 


Photoshop 中 的 滤 镜 大 致 分 两 种 ， 一 种 是 内 置 滤 镜 ， 另 一 加 sae 
虽 种 是 外 挂 滤 镜 。 在 “ 滤 镜 ” 荣 单 中 可 以 看 到 多 种 滤 镜 以 及 滤 
央 。 镜 组 。 第 三 方 开发 商 开发 的 滤 镜 可 以 作为 增 效 工具 使 用 ， 在 ao 
对 。。 安装 外 挂 滤 镜 后 ， 这 些 增 效 工 具 滤 镜 将 出 现在 “ 滤 镜 ”菜单 Craao aeons 
2 ES 
站 (1) 使 用 滤 镜 处 理 图 层 中 的 图 像 时 ， 该 图 层 必须 是 可 见 ss oornse w 
到 。 图 层 。 选 择 需要 进行 滤 镜 操作 的 图 层 ， 如 图 12-1 所 示 。 执 行 zx | : 
中 “ 滤 镜 ”菜单 下 的 命令 ， 选 择 某 个 滤 镜 ， 如 图 12-2 所 示 。 访 E: 图 /中 村 自 请 8: 100% 一 ,| 
文 (2) 在 弹出 的 对 话 框 中 设置 合适 的 参数 ， 如 图 12-3 所 “上 > = i 
内 示 。 汉 镜 效果 以 像素 为 单位 进行 计算 ， 因此， 相同 参数 处 理 。。[ 辐 a a | 呈 “ 光 
扯 阐 。 不 同 分 辩 率 的 图 像 ， 其 效果 也 不 一 样 。 最 后 单 击 “ 确 定 ” 按 这 i 
Po。 钮 完成 站 镜 操作 。 如 果 图 像 中 存在 选区 ， 则 小 镜 效果 只 应 用 。 no om ee me we 
并 戎 在 选区 之 内 ， 如 图 12-4 所 示 如 果 没有 选区 ， 则 滤 镜 效果 将 应 a 本 
器 阐 。 用 于 整个 图 像 ， 如 图 12-5 所 示 。 
生 (3) 应 用 于 智能 对 象 的 滤 镜 都 是 智能 滤 镜 ， 它 是 一 种 “ 非 破坏 性 滤 镜 ”。 使 用 智能 滤 镜 的 前 提 是 将 普通 图 层 转换 为 知 
加 暗 。。 能 对 象 。 在 普通 图 层 上 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 执行 “转换 为 智能 对 象 ” 命 令 ， 即 可 将 其 转换 为 智能 对 象 ， 如 
" 图 12-6 和 图 12-7 所 示 。 
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(4) 智能 滤 镜 包含 一 个 类 似 于 图 层 样式 的 列表 ， 因 此 可 以 隐藏 、 停 用 和 删除 滤 镜 ， 如 图 12-8 所 示 。 另 外 ， 还 可 以 设 
置 智能 滤 镜 与 图 像 的 混合 模式 ， 双 击 滤 镜 名 称 右 侧 的 到 图标， 可 以 在 弹出 的 “混合 选项 ”对 话 框 中 调节 滤 镜 的 “模式 ” 
和 “不 透明 度 ”， 如 图 12-9 所 示 。 


一 人 ES L | 
Bernae 楼 式 :| 正常 【确定 ) 
于 _ | 到 | EE 逢 吉大: 100% | | 不 半 明度 (O》 取消 
pam -mornua slewe ED os We: /1 自 二 :ov 加 家) 
刑 二 如 明度 : 100% 这 7 ee 2 . EE od 
钢 放 :四 中 共生 二 8: lo0% ~ st el | sss | 


© 二 = 国 > 白 
| 2a 
=“ 国 ** a 人 9 汇 铺 宗 久富 和 放流 所 8. 加 日 自 
- 国 * EA 
所 口 8. 白 日 从 太 . 4 wes 
图 12-7 图 12-8 


(区 入 ) 特殊 滤 镜 
ly — 


“ 滤 镜 ”菜单 的 上 半 部 分 包含 6 种 特殊 滤 镜 。 之 所 以 称 之 为 特殊 滤 镜 ， 是 因为 这 些 滤 Ee 
镜 几乎 都 是 独立 的 ， 独 立 的 操作 界面 以 及 工具 ， 与 “ 滤 镜 ”菜单 下 半 部 分 的 滤 镜 组 还 是 有 
一 些 区 别 的 。 虽 然 特殊 ， 但 是 这 些 滤 镜 的 使 用 方法 仍然 非常 简单 ， 而 且 效 果 也 很 直观 ， 如 
图 12-10 所 示 。 


EE 


图 12-10 


12.2.1 滤 镜 库 
六 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 滤 镜 库 的 使 用 方法 .flv 
韶 技术 速 查 : 滤 镜 库 是 一 个 集合 了 多 个 滤 镜 的 对 话 框 ， 在 滤 镜 库 中 ， 可 以 对 一 个 图 像 应 用 一 个 或 多 个 滤 镜 ,或 对 同一 图 像 
多 次 应 用 同一 滤 镜 : 另外 ， 还 可 以 使 用 其 他 滤 镜 替换 原 有 的 滤 简 。 
执行 “ 滤 镜 > 滤 镜 库 ” 命 令 ， 打 开 “ 滤 镜 库 ”窗口 。 滤 镜 库 包括 6 大 类 滤 镜 j 打开 一 张 图 片 ， 如 图 12-12 所 示 。 执 
， 分 别 是 风格 化 、 画 笔 描 边 、 扭 曲 、 素 描 、 纹 理 和 艺术 效果 。 每 一 个 滤 镜 组 : 行 “ 滤 镜 > 滤 镜 库 ” 命 令 ， 打 开 “ 滤 镜 
ph 包含 了 很 多 滤 镜 ， 在 预览 窗口 中 即 可 观察 到 滤 镜 效果 ， 在 右 侧 的 参数 设置 面 ; 库 ” 窗 口 。 单 击 滤 镜 组 名 称 打开 滤 镜 组 ， 
板 中 可 以 进行 参数 的 设置 ， 如 图 12-11 所 示 。 然后 在 展开 的 滤 镜 组 中 单 击 选择 一 个 滤 
-一 一 - ] ; 镜 ， 接 着 在 窗口 右 侧 进行 参数 的 设置 ， 在 
| p : 设置 参数 的 过 程 中 ， 在 窗口 左 侧 的 缩 览 
i 图 中 可 查看 滤 镜 效果 ， 觉 得 效果 满意 了 
单 击 “ 确 定 ” 按 钮 完成 滤 镜 的 添加 ， 如 
图 12-13 所 示 ， 效 果 如 图 12-14 所 示 。 
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图 12-13 图 12-14 
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[Bem en 


和 训 N 
因 视频 精 讲 - Photoshop 新 手 稍 动 内- 呈 击 
学 视频 精 讲课 堂 \ 自 适应 广角 和 各 十 ed 
滤 镜 -f 二 
A 


@ 技术 速 查 . 使 用 “ 自 适应 广 
角 ” 滤 镜 可 以 对 广角 、 直 广角 
及 鱼 眼 效果 进行 变形 校正 
“ 自 适应 广角 ” 滤 镜 可 以 模 

拟 制作 类 似 拍摄 的 鱼 眼 、 广 角 等 

特殊 效果 。 执 行 “ 滤 镜 > 自 适应 

广角 ”命令 ， 打 开 滤 镜 窗口 ， 其 

中 共有 4 种 校正 的 类 型 ， 分 别 是 鱼 


民 、 透 视 、 自 动 和 完整 球面 ， 如 
图 12-15 所 示 。 


二 站 选项 解读 ，“ 自 适应 广角 ”工具 选项 
| 8 二 约束 工具 : 单 击 图 像 或 拖 动 端点 可 添加 或 编辑 约束 。 按 住 Shift 键 单 击 可 添加 水 平 / 符 直 约束 。 按 住 Alt 键 单 击 可 删除 

约束 。 

韶 局 多 边 形 约束 工具 : 单 击 图 像 或 抑 动 端点 可 添加 或 编辑 多 边 形 约束 。 单 击 初始 起 始点 可 以 结束 约束 。 按 住 A 键 单 击 可 
删除 约 东 。 

全 上 移动 工具 : 抑 动 以 在 画布 中 移动 内 容 。 

名 西 抓 手工 具 : 放大 窗口 的 显示 比例 后 ， 可 以 使 用 该 工具 移动 画面 。 

岛 缩放 工具 : 单 击 即 可 放大 窗口 的 显示 比例 ， 按 住 Alt 键 单 击 即 可 缩小 显示 比例 。 


和 @ 技术 速 查 : RAW 文件 不 是 图 像 文 件 ， 而 是 一 个 数据 包 ， 一 般 的 图 像 浏 览 软件 是 不 能 预览 RAW 文件 的 ， 需 要 特定 的 图 像 

处 理 软件 才能 转换 为 图 像 文 件 。 

Camera Raw 滤 镜 可 以 针对 相机 拍摄 的 照片 的 原始 数据 文件 进行 处 理 。 可 以 将 相机 原始 数据 文件 看 作 是 照片 负片 。 可 以 随 
时 重新 处 理 该 文件 以 得 到 所 需 的 效果 ， 即 
对 白 平衡 、 色 调 范围 、 对 比 度 、 颜 色 饱 和 
度 以 及 锐 化 进行 调整 。 由 于 Camera Raw 
是 无 损 化 处 理 ， 所 以 用 它 来 处 理 JPEG 图 
像 文 件 的 优势 是 很 明显 的 。 这 也 是 Camera 
Raw 受 到 越 来 越 多 的 摄影 师 青 睐 的 原因 。 


1 熟悉 Camera Raw 的 操作 界面 


开 一 张 图 片 ， 执 行 “ 滤 镜 >Camera 
Raw 滤 镜 ” 命 令 ， 可 以 看 到 Camera Raw 
的 窗口 界面 主要 由 工具 栏 、 直 方 图 、 图 像 
调整 选项 与 图 像 窗 口 构成 。 在 该 窗口 中 可 
以 对 图 像 的 白 平衡 、 色 调 、 饱 和 度 进 行 调 | 
整 ， 也 可 以 对 图 像 进行 修饰 、 锐 化 、 降 ET i: 缩放 级 别 
噪 、 镜 头 矫正 等 操作 ， 如 图 12-16 所 示 。 


人 选项 解读 : Camera Raw 的 操作 界面 


全 工具 栏 : 显示 Camera Raw 中 的 工具 按钮 。 

韶 直方 图 : 显示 了 图 像 的 直方 图 。 

仿 图 像 调 整 选 项 栏 : 选择 需要 使 用 的 调整 命令 。 

昌 Camera Raw 设 置 菜单 : 单 击 该 按钮 ， 可 打开 “Camera Raw 设置 ”菜单 ， 访 问 菜单 中 的 命令 。 
名 调整 窗口 : 调整 命令 的 参数 窗口 ， 可 以 通过 修改 调整 窗口 的 参数 或 移动 滑 块 调整 图 像 。 

韶 缩放 级 别 : 可 以 从 菜单 中 选取 一 个 放大 设置 ， 或 单 击 按钮 缩放 窗口 的 视图 比例 。 


2 认识 Camera Raw 的 基本 工具 


Camera Raw 滤 镜 的 工具 栏 在 窗口 的 左上 角 ， 如 图 12-17 所 示 为 Camera Raw 滤 镜 的 基本 工具 。 
园 2H HxXie/ 四 0 


图 12-17 


人 选项 解读 : Camera Raw 的 工具 栏 
的 所 缩放 工具 ， 单 击 可 以 放大 窗口 中 图 像 的 显示 比例 ， 接 住 Ait 键 单 击 则 可 缩小 图 像 的 显示 比例 。 
介 古 抓 手工 具 : 放大 窗口 以 后 ， 可 使 用 该 工具 在 预览 窗口 中 移动 图 像 。 

多 了 白 平衡 工具 : 使 用 该 工具 在 白色 或 灰色 的 图 像 内 容 上 单 击 ， 可 以 校正 照片 的 白 平衡 。 

仿 色 颜 色 取样 器 工具 : 单 击 该 工具 并 在 图 像 中 单 击 吸取 颜色 ， 窗 口 顶部 会 显示 取样 像素 的 颜色 值 ， 


察 颜 色 的 变化 情况 ， 如 图 12-18 所 示 。 


以 便于 我 们 调整 时 观 


站 所 目 标 调整 工具 : 长 时 间 单 击 该 工具 ， 
可 以 看 到 其 中 还 包括 “参数 曲线 ”“ 色 
相 ”“ 饱 和 度 ”“ 明 亮度 ”， 在 图 像 中 单 
击 并 拖 动 鼠标 即 可 应 用 调整 。 

名 昌 变换 工具 :可 用 于 调整 画面 的 捏 曲 、 透 
视 以 及 缩放 ， 常 用 于 校正 画面 的 透视 ， 或 
者 为 画面 营造 透视 感 。 

起 艺 污 点 去 除 : 可 以 使 用 另 一 区 域 中 的 样本 
修复 图 像 中 选中 的 区 域 。 

起 'o 红眼 去 除 ， 与 Photoshop 中 的 “红眼 工 
具 ” 相 同 ， 可 以 去 除 红 眼 。 

锡 ” 调整 画笔 : 处 理 局 部 图 像 的 曝光 度 、 亮 
度 、 对 比 度 、 饱 和 度 、 清 晰 度 等 。 

名 日 渐变 滤 镜 : 用 于 对 图 像 进行 局 部 处 理 。 


仿 0 径 向 滤 镜 : 用 来 强调 画面 中 主体 影像 的 


位 置 。 


各 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 镜 头 校正 小 镜 -fv 
间 技术 速 查 : 使 用 “镜头 校正 ” 滤 镜 可 以 快速 修复 常见 的 镜头 瑕 疯 . 也 可 以 用 来 旋转 图 像 ， 或 修复 由 于 相机 在 垂直 或 水 平 
方向 上 倾斜 而 导致 的 图 像 透 视 错 误 现 象 。 
在 拍摄 照片 时 ， 最 常 遇 到 的 问题 就 是 拍摄 的 画面 镜头 出 现 色差 、 旦 影 、 镜 头 变形 等 效果 。 执 行 “ 滤 镜 > 镜头 校 了 


令 ， 打 开 “ 镜 头 校正 ”窗口 ， 如 图 12-19 所 示 。 
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:本 i 站 上 选项 解读 : “镜头 矫正 ”工具 选项 

8 中 。 9 国 移 去 扭曲 工具 : 使 用 该 工具 可 以 校正 镜头 桶 形 失真 
2 Dom 或 枕 形 失真 。 

mm = | ， @ 国 拉 直 工 具 : 绘制 一 条 直线 ， 以 将 图 像 拉 直到 新 的 横 ， 
2 轩 吉 纵 斩 ， 
辣 en 9 辆 移动 网 格 工 具 : 使 用 该 工具 可 以 移动 风格， 以 将 其 
E ee -| 。 与 图 像 对 齐 。 | 
O 8 回 抓 手工 具 / 国 缩放 工具 : 这 两 个 工具 的 使 用 方法 与 ; 
a “工具 栏 ”中 相应 工具 的 使 用 方法 完全 相同 。 | 
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日 Im em 
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图 12-19 


| 


站 全 选项 解读 ，“ 镜 头 矫正 ” 自 定 选项 

: 单 击 窗口 右 侧 的 “ 自 数值 为 正 时 ， 图 像 将 向 外 捏 曲 ; 数值 为 负 时 ， 图 像 将 向 中 心 捏 曲 ， 如 图 12-22 所 示 。 
定 ” 标 签 切 换 到 该 选项 
卡 ， 如 图 12-20 所 示 。 
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图 12-21 图 12-22 1 
的 色差 用 于 校正 色 边 。 在 进行 校正 时 ， 放 大 预览 窗口 的 图 像 ， 可 以 清楚 地 查看 色 边 校 
| | : 正 情 况 。 | 
| ji 和 鳞 时 影 : 尝 影 是 指 图 像 的 四 周 出 现 了 黑色 的 压 边 效果 ， 是 拍摄 时 常 出 现 的 问题 。“ 数 
| 量 ” 选 项 用 于 设置 沿 图 像 边缘 变 亮 或 变 暗 的 程度 ， 如 图 12-25 和 图 12-24 所 示 。 “中 ， 
ul 人 EE : 点 ”选项 用 来 指定 受 “ 数 量 ” 数 值 影响 的 区 域 的 宽度 。 


此 加 四 所 


相国 可 口 日 
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图 12-20 


加 虽 ， 单 击 此 按钮 ， 在 下 
拉 莱 单 中 可 以 存储 或 : 
载 入 数值 。 i 

@ 几何 扭曲 ，“ 移 去 担 
曲 ”选项 主要 用 来 校正 
镜头 桶 形 失真 或 枕 形 失 : 
真 ， 如 图 12-21 所 示 。 


变换 ; 变换 包括 垂直 透 
视 、 水 平 透视 、 角 度 和 
比例 。“ 垂 直 透 视 ” 用 
于 校正 由 于 相机 向 上 或 
向 下 倾斜 而 导致 的 图 像 
透视 问题 。 当 设置 “ 垂 
直 透 视 ” 为 -100 时 ， 
可 以 将 其 变换 为 俯视 
效果 ; 设置 “垂直 迁 
视 ” 为 100 时 ， 可 以 将 
其 变换 为 仰视 效果 ， 


ba 


如 图 12-25 和 图 12-26 所 
a 


示 ; “水 平 透视 ”选项 
用 于 校正 图 像 在 水 平方 
向 上 的 透视 效果 ， 如 
图 12-27 所 示 ; “ 角 
度 ” 选 项 用 于 旋转 图 
像 ， 以 针对 相机 下 人 儿 加 
以 校正 ， 如 图 12-28 所 
示 ; “比例 ”选项 用 来 
控制 镜头 校正 的 比例 。 


12.2.5 液化 
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图 12-27 


图 12-28 


调整 等 


“液化 ” 滤 镜 是 处 理 人 像 时 最 常用 的 工具 ， 常 用 来 修饰 人 像 的 面部 、 身 材 等 ， 非 常 方便 、 强 大 ， 是 必须 要 熟练 掌握 的 工 


具 之 一 。 
(1) 打开 一 张 图 片 ， 
可 以 看 到 人 物 有 些微 胖 ， 
如 图 12-29 所 示 。 执 行 “ 滤 
镜 > 液化 ”命令 ， 打 开 “ 液 
化 ”窗口 ， 单 击 “ 向 前 变 
形 工 具 ” 按 钮 外， 设置 合 
适 的 画笔 大 小 。 向 右 侧 推 
动人 物 的 颈 部 位 置 ， 使 颈 
部 变 细 且 富有 曲线 感 ， 如 
图 12-30 所 示 ， 此 时 画面 效 
果 如 图 12-31 所 示 。 
(2) 当然 也 可 以 使 用 
同样 的 方法 为 人 物 瘦脸 ， 
如 图 12-32 所 示 ， 效 果 如 
图 12-33 所 示 。 


Photoshop 新 手 学 视频 精 讲课 堂 \ 
液化 ” 滤 镜 是 修饰 图 像 和 创建 艺术 效果 上 


图 12-29 


液化 


ET 
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的 使 用 .flv 
的 强大 工具 


常用 于 数码 照片 修饰 


例如 人 像 身 型 调整 、 
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图 12-31 图 12-32 


在 “液化 ” 滤 镜 窗口 的 左 侧 有 很 多 常用 的 工具 ， 其 中 包括 变形 工具 、 蒙 版 工具 、 缩 放 工具 等 ， 如 图 12-34 所 示 。 
名 向 前 变形 工具 贺 ， 可 以 向 前 推动 像素 ， 如 图 12-35 所 示 。 我 们 可 以 使 用 此 工具 达到 为 人 物 瘦身 的 目的 ， 如 图 12-56 


江 
”所 示 。 | 
| ET | 
| 向 前 变形 工具 十 | 
: 重建 工具 二 raraag Ee = 
| 平滑 工具 十 :4 人 > TT TE : 
| I 时 针 旋 续 担 则 工具 画 | 
| ”时报 = | 
i < H 
! 左 推 工 具 -全 星 [ 一 
| 流 结 此 版 工具 -全民 [Se bp i 
: 解冻 尝 版 工 只 十 只 Co 参 |< | 
| 脸 部 工具 十- 久 EN 数 | | 
| 抓 手工 具 十 晤 日 asd) smse) 设 | 可 
! 缩放 工具 十 己 ™ 年 | 去 
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图 像 预览 与 操作 窗口 
图 12-34 


名 重建 工具 :用 于 恢复 变形 的 图 像 ， 类 似 于 撤销 。 在 变形 区 域 单 击 或 抱 奥 氛 标 进行 涂抹 时 ， 可 以 使 变形 区 域 的 图 像 恢 
复 到 原来 的 效果 ， 如 图 12-57 和 图 12-58 所 示 。 | 

思平 滑 工具 -&j: 用 于 平滑 画面 效果 。 

仿 | 顺 时 针 旋 转 扭曲 工具 名 ; 抱 惕 鼠标 可 以 顺 时 针 旋 转 像素 ， 如 图 12-59 所 示 。 如 果 按 住 At 键 进 行 操作 ， 则 可 以 逆 时 针 旋 
转 像 素 ， 如 图 12-40 所 示 。 

名 祖 皱 工具 宣 |: 可 以 使 像素 向 画笔 区 域 的 中 心 移动 ， 使 图 像 产生 内 缩 效 果 ， 如 图 12-41 所 示 。 


图 12-36 图 12-37 图 12-38 图 12-39 
名 膨胀 工具 令 : 可 以 使 像素 向 画笔 区 域 中 心 以 外 的 方向 移动 ， 使 图 像 产生 向 外 膨胀 的 效果 ， 如 图 12-42 所 示 。 


体 左 推 工具 法 : 使 用 左 推 工具 ， 向 上 拖 慢 鼠标 时 ， 像 素 会 向 左 移动 ， 如 图 12-43 所 示 ; 当 向 下 拖 慢 鼠标 时 ， 像 素 会 向 右 
移动 ， 如 图 12-44 所 示 。 


图 12-40 图 12-41 图 12-42 图 12-43 
各 冻结 蒙 版 工具 己 : 在 使 用 液化 调节 细节 时 ， 有 可 能 附近 的 部 分 也 被 液化 了 ， 因 此 就 需要 把 某 一 些 区 域 冻结 ， 这 样 就 不 


会 影响 到 这 部 分 区 域 了 。 例 如 ， 在 人 物 颈 部 绘制 出 冻结 区 域 ， 然 后 使 用 “向 前 变形 工具 ”[ 囊 处理 人 物 的 下 领 处 ， 被 


冻结 起 来 的 像素 就 不 会 发 生变 形 ， 如 图 12-45 所 示 。 而 不 冻结 的 地 方 就 会 变形 ， 如 图 12-46 所 示 。 
名 解冻 蒙 版 工具 办 |: 使 用 该 工具 在 冻结 区 域 涂抹， 可 以 将 其 解冻 ， 如 图 12-47 所 示 。 
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名 脸 部 工具 风 : 单 击 该 按钮 ， 进 入 面部 编辑 


W0225 Mers ene 


状态 ， 软 件 会 自动 识别 人 物 的 五 官 ， 并 在 和 
面部 添加 一 些 控制 点 ， 可 以 通过 拖 动 控制 we Wm 


点 调整 面部 五 官 的 形态 ， 也 可 以 在 右 侧 参 
数列 表 中 进行 调整 ， 如 图 12-48 所 示 。 

韶 抓 手工 具 四 |/ 缩放 工具 区 |: 这 两 个 工具 的 使 
用 方法 与 “工具 栏 ”中 相应 工具 的 使 用 方 
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法 完全 相同 。 


忆 2 选项 解读 “液化 ”窗口 右 侧 的 工具 选项 
(1) 画笔 工具 选项 : 在 “画笔 工具 选项 ”选项 组 下 ， 可 以 设置 当前 使 用 的 工具 的 各 种 属性 。 
捏 曲 图 像 画 笔 大 小 。“ 浓 度 ” 选 项 用 于 控制 画笔 边缘 的 羽化 范围 。 画 笔 中 心 产生 的 效果 最 强 ， 边 红 处 最 弱 。“ 压 力 ” 选 项 
用 于 控制 画笔 在 图 像 上 产生 扭曲 的 速度 。“ 速 率 ” 选 项 用 于 设置 工具 在 预览 图 像 中 保持 静止 时 扭曲 所 应 用 的 速度 。 选 中 
“ 光 笔 压力 ” 复 选 框 可 以 通过 压 感 笔 的 压力 来 控制 工具 。 
(2) 重建 选项 : 该 选项 组 下 的 参数 主要 用 来 设置 重建 方式 ， 以 及 如 何 撤销 所 执行 的 操作 ， 可 以 使 用 “重建 ”应 用 重 
建 效果 。 可 以 使 用 “恢复 全 部 ”取消 所 有 的 担 曲 效果 。 


“大 小 ”选项 用 于 设置 


Ng 一 
噶 (3) 繁 版 选项 : 可 以 通过 该 选项 组 来 设置 蒙 版 的 保留 方式 ， 如 图 12-49 二 FE 
的 蔡 换 选区 ED-， 显 示 原始 图 像 中 的 选区 、 蒙 版 或 明度 。 本 = > 
从 添加 到 选区 [四 -: 显示 原始 图 像 中 的 莹 版 ， 以 便 可 以 使 用 “冻结 莹 版 工 图 12-49 


具 ” 区 | 添加 到 选区 。 

仿 从 选区 中 减 去 图 -， 从 当前 的 冻结 区 域 中 减 去 通道 中 的 
像素 。 

四 与 选区 交叉 E-: 
像素 。 

仿 反 相 选 区 加-: 使 用 选 定 像素 使 当前 的 冻结 区 域 反 相 。 一 

名 无 : 单 击 该 按钮 ， 可 以 使 图 像 全 部 解冻 。 = 

名 全 部 蒙 住 ， 单 击 该 按钮 ， 可 以 使 图 像 全 部 冻结 。 

名 全 部 反 相 : 单 击 该 按钮 ， 可 以 使 冻结 区 域 和 解冻 区 域 
反 相 。 

| (4) 视图 选项 : 主要 用 来 显示 或 隐藏 图 像 、 网 格 、 莹 

| 版 和 背景 。 选 中 “显示 网 格 ” 复 选 框 ， 设 置 网 格 的 颜色 、 大 

| 小， 可 以 显示 网 格 ， 如 图 12-50 所 示 。 如 果 当 前 文档 中 包含 

”多 个 图 层 ， 可 以 在 “使 用 ”下 拉 列 表 中 选择 其 他 图 层 来 作 

”为 查看 背景 ， 如 图 12-51 所 示 。 


只 使 用 当前 处 于 冻结 状态 的 选 定 


EE 
编辑 平面 工具 一 必 二 Rx 可 eo 


六 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 
“消失 点 ” 滤 镜 -flv 
人 @ 技术 速 查 : 使 用 “消失 点 ” 滤 镜 可 以 在 包含 透 
视 平面 (如 建筑 物 的 侧面 、 墙 壁 、 地 面 或 任何 
矩形 对 象 ) 的 图 像 中 进行 透视 校正 操作 。 
“消失 点 ” 滤 镜 允许 在 包含 透视 平面 《如 建筑 
物 侧面 ) 的 图 像 中 进行 透视 校正 编辑 。 通 过 使 用 消失 
点 ， 可 以 在 图 像 中 指定 平面 ， 然 后 应 用 绘画 、 仿 制 、 
拷贝 或 粘贴 以 及 变换 等 编辑 操作 。 执 行 “ 滤 镜 > 消失 
点 ”命令 ， 打 开 “ 消 失 点 ”窗口 ， 如 图 12-52 所 示 。 


Ez 


包 2]】 选 珊 解读 ，“ 消 失 点 ” 滤 镜 工具 

名 编辑 平面 工具 k : 用 于 选择 、 编 辑 、 移 动 平面 的 节点 以 及 调整 平面 的 大 小 ， 如 图 12-55 所 示 是 一 个 创建 的 透视 平面 ， 
如 图 12-54 所 示 是 使 用 该 工具 修改 过 的 网 格 形状 。 

由 创建 平面 工具 四 |， 确 定 透视 平面 的 4 个 角 节 点 。 以 单 击 的 方式 创建 网 格 ， 如 图 12-55 和 图 12-56 所 示 。 
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图 12-53 图 12-54 图 12-55 


全 选 框 工具 名 : 使 用 该 工具 可 以 在 创建 好 的 造 视 平面 上 绘制 选区 ， 以 选中 平面 上 的 某 个 区 域 ， 如 图 12-57 所 示 。 建 立 选区 以 


后 ， 将 光标 放置 在 选区 内 ， 按 住 鼠 标 左 键 拖 动 即 可 将 选区 中 的 像素 进行 移动 ， 并 且 保 持 着 透视 效果 ， 如 图 12-58 所 示 。 
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人 @ 图 诗 工 具 | 使 用 该 工具 时 ， 按 住 Alt 键 在 迁 视 平面 内 单 击 ， 可 以 设置 取样 
点 ， 如 图 12-59 所 示 ， 然 后 在 其 他 区 域 拖 旨 和 鼠标 即 可 进行 仿制 操作 ， 如 图 12-60 
所 示 为 设置 取样 点 并 仿制 图 像 的 效果 。 

人 @ 画笔 工具 7 |， 该 工具 主要 用 来 在 迁 视 平面 上 绘制 选 定 的 颜色 。 

间 变换 工具 昱 : 该 工具 主要 用 来 变换 选区 ， 其 作用 相当 于 “编辑 > 自由 变换 ” 
命令 ， 如 图 12-61 所 示 是 利用 “ 选 框 工具 ”复制 的 图 像 ， 如 图 12-62 所 示 是 利用 
“变换 工具 ”对 选区 进行 变换 以 后 的 效果 。 

9 吸管 工具 用 :可 以 使 用 该 工具 在 图 像 上 失 取 颜色 ， 以 用 作 “ 画 笔 工具 ”的 给 
画 颜 色 。 

人 @ 洲 量 工具 中， 使 用 该 工具 可 以 在 迁 视 平面 中 测量 项 目的 距离 和 角度 。 人 


"ee 


0 视频 精 计 Photoshop 新 手 学 视频 精 讲课 堂 “ 风 格 化 ” 滤 镜 组 .flv 
执行 “ 滤 镜 > 风格 化 ”命令 ， 在 子 菜单 中 可 以 看 到 8 个 滤 镜 ， 这 些 滤 镜 都 具有 各 自 不 同 的 效果 。 


伯 技术 速 查 : 使 用 “查找 边缘 ” 滤 镜 可 以 自动 查找 图 像 像素 
对 比 度 变换 强烈 的 边界 ， 将 高 反差 区 变 亮 ， 可 用 来 制作 类 
似 铅笔 画 、 速 写 的 效果 。 
打开 一 张 图 像 ， 如 图 12-63 所 示 。 执 行 “ 滤 镜 > 风格 化 > 查 

找 边缘 ”命令 ， 该 滤 镜 没有 参数 设置 对 话 框 ， 效 果 如 图 12-64 

所 示 。 


人 @ 技术 速 查 : “等 高 线 ” 滤 镜 用 于 查找 主要 亮度 区 域 . 并 为 每 个 颜色 通道 勾勒 主要 亮度 区 域 ， 以 获得 与 等 高 线 图 中 的 线条 
类 似 的 效果 。 
打开 一 张 图 像 ， 如 图 12-65 所 示 。 执 行 “ 滤 镜 > 风 格 化 > 等 高 线 ”命令 ， 在 弹出 的 “等 高 线 ” 对 话 框 中 进行 参数 设置 ， 设 置 
完成 后 单 击 “ 确 定 ”按钮 ， 如 图 12-66 所 示 ， 效 果 如 图 12-67 所 示 。 


优 技术 速 查 : “ 风 ” 滤 镜 用 于 在 图 像 中 放置 一 些 
细小 的 水 平 线条 来 模拟 风 吹 效果 。 
打开 一 张 图 像 ， 如 图 12-68 所 示 。 执 行 “ 滤 镜 > 
风格 化 > 风 ” 命 令 ， 在 弹出 的 “ 风 ” 对 话 框 中 选择 
合适 的 “方法 ”和 “方向 ”， 然 后 单 击 “ 确 定 ” 按 
钮 ， 如 图 12-69 所 示 ， 效 果 如 图 12-70 所 示 。 


Qa ww Q& 


图 12-73 所 示 分 别 是 这 3 种 效果 。 


加 方向 : 用 来 设置 风 源 的 方向 ， 包 括 “ 从 右 ” 和 “从 


左 ”两 种 。 


[2 选项 解读 : “等 高 线 ” 对 话 
框 详解 

四 色 阶 ;用 来 设置 区 分 图 像 边 综 亮度 的 级 别 。 
加 边缘 ， 用 来 设置 处 理 图 像 边 缘 的 位 置 。 


图 12-67 


此 到 选项 解读 ，“ 风 ”对 话 框 详解 


加 方法 :包含 “ 风 ”“ 大 风 ”“ 飓 风 ”35 种 ， 如 图 12-71 一 


六 技术 速 查 : 使 用 “浮雕 效果 ” 如 


示 。 
果 ” 


滤 镜 可 以 通过 勾勒 图 像 或 选区 
的 轮廓 和 降低 周围 颜色 值 来 生 
成 凹陷 或 凸 起 的 浮雕 效果 。 

打开 一 张 图 像 ， 如 图 12-74 所 
执行 “ 滤 镜 > 风格 化 > 浮雕 效 
命令 ， 在 弹出 的 “浮雕 效果 ” 


对 话 框 中 进行 参数 的 设置 ， 设 置 完 
成 后 单 击 “确定 ”按钮 ， 如 图 12-75 
所 示 ， 效 果 如 图 12-76 所 示 。 


图 12-74 图 12-75 图 12-76 
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上 于 选 天 解读 : “浮雕 效果 ”对 话 框 详解 
的 角度 。 用 于 设置 滔 难 效果 的 光线 方向 。 光 线 方向 会 影响 滔 难 的 凸 起 位 置 。 


加 高 度 : 用 于 设置 浮雕 效果 的 凸 起 高 度 。 
名 数量 ， 用 于 设置 “浮雕 效果 ” 滤 镜 的 作用 范围 。 数 值 越 高 ， 边 界 越 清晰 。 


间 技术 速 查 : 使 用 “扩散 ” 滤 镜 可 以 通过 使 图 像 中 相 邻 的 像素 按 指定 的 方式 有 机 移动 . 让 图 像 形成 一 种 类 似 于 透 过 磨砂 玻 
璃 观察 物体 时 的 分 离 模糊 效果 。 
“扩散 ” 滤 镜 可 以 模拟 一 种 类 似 于 磨砂 玻璃 质感 的 效果 。 打 开 一 张 图 像 ， 如 图 12-77 所 示 。 执 行 “ 滤 镜 > 风 格 化 > 扩散 ” 命 
令 ， 在 打开 的 “扩散 ”对 话 框 中 选择 合适 的 模式 ， 设 置 完成 后 单 击 “确定 ”按钮 ， 如 图 12-78 所 示 ， 效 果 如 图 12-79 所 示 。 


ra 


| ”8 正常 : 使 图 像 的 所 有 区 域 都 进行 扩散 处 理 ， 与 图 像 的 颜色 值 没有 任何 关系 。 

”和 @ 变 暗 优先 :用 较 暗 的 像素 替换 亮 部 区 域 的 像素 ， 并 且 只 有 暗部 像素 产生 扩散 。 
名 变 亮 优先 : 用 较 亮 的 像素 替换 暗部 区 域 的 像素 ， 并 且 只 有 竞 部 像素 产生 扩散 。 
名 各 向 异性 : 使 用 图 像 中 较 暗 和 较 亮 的 像素 产生 扩散 效果 。 


和 @ 技术 速 查 : 使 用 “ 拼 贴 ” 滤 镜 可 以 将 图 像 分 解 为 一 系列 的 块 状 .并 使 其 偏离 原来 的 位 置 . 以 产生 不 规则 拼 砖 的 图 像 效 果 。 
打开 一 张 图 片 ， 如 图 12-80 所 示 。 执 行 “ 滤 镜 > 风格 化 > 拼 贴 ”命令 ， 在 弹出 的 “ 拼 贴 ”对 话 框 中 进行 参数 的 设置 ， 设 置 完 
成 后 单 击 “ 确 定 ” 按 钮 ， 如 图 12-81 所 示 ， 效 果 如 图 12-82 所 示 。 
[Ej 选项 解读 ，“ 拼 贴 ”对 


话 框 详解 。 
名 拼 贴 数 :用 来 设置 在 图 像 每 行 和 每 列 中 

要 显示 的 贴 块 数 。 | 
名 最 大 位 移 : 用 来 设置 拼 贴 偏 移 原始 位 置 

的 最 大 距离 。 | 
提 填充 空白 区 域 用 : 用 来 设置 填充 空白 区 ， 
域 的 使 用 方法 。 


名 技术 速 查 : 使 用 “曝光 过 度 ” 滤 镜 可 以 混合 负 
片 和 正片 图 像 . 类 似 于 显影 过 程 中 将 摄影 照片 
短暂 曝光 的 效果 。 

“曝光 过 度 ” 滤 镜 可 以 混合 负片 和 正片 图 像 ， 


类 似 于 显影 过 程 中 将 摄影 照片 短暂 曝光 的 效果 。 
打开 一 张 图 片 ， 如 图 12-83 所 示 。 执 行 “ 滤 镜 > 风 格 
化 > 曝光 过 度 ” 命 令 ， 该 命令 没有 参数 设置 对 话 
框 ， 效 果 如 图 12-84 所 示 。 
图 12-83 图 12-84 
估 技术 速 查 : 使 用 “ 凸 出 ” 滤 镜 可 以 将 图 像 分 解 成 一 系列 大 小 相同 且 有 机 重叠 放 置 的 立方 体 或 锥 体 ， 以 生成 特殊 的 3D 效 果 。 
打开 一 张 图 像 ， 如 图 12-85 所 示 。 执 行 “ 滤 镜 > 风格 化 > 凸 出 ”命令 ， 在 弹出 的 “ 凸 出 ”对 话 框 中 进行 参数 的 设置 ， 设 置 完 

成 后 单 击 “确定 ”按钮 ， 如 图 12-86 所 示 ， 效 果 如 图 12-87 所 示 。 
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图 12-86 


选项 解读 ，“ 凸 出 ”对 话 框 详解 

多 类 型 ， 包 含 “ 块 ”和 “金字塔 ” 两 种 方式 ， 用 来 设置 三 维 方块 产生 的 形状 ， 如 图 12-88 和 图 12-89 所 示 。 

四 大 小 :用 来 设置 立方 体 或 金字 塔 底面 的 大 小 。 

多 深度 :用 来 设置 西 出 对 象 的 深度 。“ 随 机 ”表示 为 每 个 块 或 金字 塔 设置 一 个 随机 的 任意 深度 ，“ 基 于 色 阶 ”表示 使 每 
个 对 象 的 深度 与 其 亮度 相对 应 ， 亮 度 赵亮， 图 像 越 凸 出 。 

人 @ 立方 体 正面 ; 选中 该 复 选 框 ， 每 一 个 凸 起 的 三 维 方块 部 以 单 色 显 示 ， 如 图 12-90 所 示 。 


图 12-88 12-89 图 12-90 
@ 蒙 版 不 完整 块 : 使 所 有 图 像 都 包含 在 凸 出 的 范围 之 内 。 
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12.3.9 油画 


因 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \“ 油 画 ” 滤 镜 的 使 用 -flv 
思 技术 速 查 : 使 用 “油画 ” 滤 镜 可 以 为 图 像 添 加 油画 效果 。 

使 用 “油画 ” 滤 镜 可 以 制作 油画 的 效果 。 打 开 一 张 图 像 ， 如 图 12-91 所 示 。 执 行 “ 滤 镜 > 油画 ”命令 ， 打 开 “ 油 画 ” 对 话 
框 ， 设 置 合适 的 参数 ， 如 图 12-92 所 示 ， 此 时 画面 效果 如 图 12-93 所 示 。 


图 12-91 图 12-92 图 12-93 
人 选项 解读 ， “油画” 对话 框 详解 
蝎 描 边 样式 ， 用 于 调整 笔触 样式 。 
韶 描 边 清洁 度 ， 用 于 设置 纹理 的 柔 化 程度 。 
四 缩放 : 设置 纹理 缩放 程度 。 
入 硬 毛 刷 细节 : 设置 画笔 细节 程度 ， 数 值 越 大 ， 毛 刷 纹 理 越 清晰 。 
超 光照 : 启用 该 选项 ， 画 面 中 会 显现 出 画笔 肌理 受 光照 后 的 明暗 感 。 
| 由 角度 : 启用 “光照 ”选项 ， 可 以 通过 “角度 ”设置 光线 的 照射 方向 。 
| 四 闪 亮 , 启用 “光照 ”选项 ， 可 以 通过 “ 闪 亮 ”控制 纹理 的 清晰 度 ， 产 生 锐 化 效果 。 


模糊 滤 镜 组 


翁 视频 精 讲 : 使 用 Photoshop 新 手 学 视频 精 讲课 堂 \ 模 糊 滤 镜 与 锐 化 滤 镜 .fv 
模糊 滤 镜 组 中 的 滤 镜 可 以 使 画面 产生 模糊 感 ， 执 行 “ 滤 镜 > 模糊 ”命令 ， 在 子 菜单 中 可 以 看 到 多 个 滤 镜 。 


12.4.1 表面 模糊 


入 技术 速 查 : 使 用 “表面 模糊 ” 滤 镜 
可 以 在 保留 边缘 的 同时 模糊 图 像 , 
可 以 用 该 滤 镜 创建 特殊 效果 并 消除 
杂 色 或 粒度 。 
打开 一 张 图 片 ， 如 图 12-94 所 示 。 执 
行 “ 滤 镜 > 模糊 > 表面 模糊 ”命令 ， 在 弹 
出 的 “表面 模糊 ”对 话 框 中 进行 参数 的 
设置 ， 如 图 12-95 所 示 ， 效 果 如 图 12-96 
所 示 。 图 12-94 图 12-95 图 12-96 
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站 -选项 解读 : “表面 模糊 ”对 话 框 详解 
外 半径 : 用 于 设置 模糊 取样 区 域 的 大 小 。 
”和 @ 阔 值 : 榨 制 相 邻 像素 色调 值 与 中 心 像素 值 相 差 多 大 时 才能 成 为 模糊 的 一 部 分 。 


12.4.2 ”动感 模糊 
曙 技术 速 查 : 使 用 “动感 模糊 ” 滤 镜 可 以 沿 指定 的 方向 .产生 类 似 于 运动 的 效果 .该 滤 镜 常用 来 制作 带 有 动感 的 画面 。 
打开 一 张 图 像 ， 如 图 12-97 所 示 。 执 行 “ 滤 镜 > 模糊 > 动感 模糊 ”命令 ， 在 弹出 的 “动感 模糊 ”对 话 框 中 进行 参数 的 设置 ， 
设置 完成 后 单 击 “ 确 定 ” 按 钮 ， 如 图 12-98 所 示 ， 效 果 如 图 12-99 所 示 。 


(0): Bq] 胡来 


图 12-97 图 12-98 图 12-99 


人 中 选项 解读 ， “动感 模 糊 ” 对 话 框 详解 WW 读书 笔记 
用 来 设置 模糊 的 方向 。 
: 用 来 设置 像素 模糊 的 程度 。 


12.4.3 方 框 模 糊 


全 技术 速 查 : 使 用 “ 方 框 模糊 ” 滤 镜 可 以 基于 相 邻 像素 的 平均 颜色 值 来 模糊 图 像 ， 生 成 的 模糊 效果 类 似 于 方块 模 精 

打开 一 张 图片 ， 如 图 12-100 所 示 。 执 行 “ 滤 镜 > 模糊 > 方 框 模糊 ”命令 ， 在 弹出 的 “ 方 框 模糊 ”对 话 框 中 拖 动 “ 半 径 ” 选 项 

滑 块 调整 模糊 的 强度 ， 数 值 越 大 ， 产 生 的 模糊 效果 越 好 ， 单 击 “ 确 定 ” 按 钮 完成 设置 操作 ， 如 图 12-101 所 示 ， 效 果 如 图 12-102 
所 示 。 
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图 12-100 图 12-101 图 12-102 
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人 技术 速 查 : 使 用 “高 斯 模糊 ” 滤 镜 可 以 向 图 像 中 添加 低频 细节 ， 使 图 像 产 生 一 种 腊 胶 的 模糊 效果 。 


使 用 “高 斯 模糊 ” 滤 镜 可 以 
向 图 像 中 添加 低频 细节 ， 使 图 像 
产生 一 种 腾 胱 的 模糊 效果 。 打 开 
一 张 图 像 ， 如 图 12-103 所 示 。 执 
行 “ 滤 镜 > 模糊 > 高 斯 模糊 ” 命 
令 ， 在 弹出 的 “高 斯 模糊 ”对 话 
框 中 拖 动 “半径 ” 滑 块 调整 模 
糊 强 度 ， 数 值 越 大 ， 模 糊 效果 
越 强烈 ， 设 置 完成 后 单 击 “ 确 
定 ” 按 钮 ， 如 图 12-104 所 示 ， 效 
果 如 图 12-105 所 示 。 


太 案例 实战 一 一 更 换 手 机 屏幕 内 容 | 


i 扫 码 看 视频 


文件 路 径 。 “第 13 章 \ 更 换 手 机 屏 基 内 容 
准 易 指数 。 家 安家 
案例 效果 


案例 效果 如 图 12-106 所 示 。 


图 12-106 


操作 步骤 


了 WD 执行 “文件 > 打开 ”命令 ， 在 弹出 的 “打开 ”对 话 
框 中 单 击 选 择 素材 “1.jpg”， 然 后 单 击 “ 打 开 ” 按 钮 ， 如 


图 12-103 


图 12-107 所 示 ， 此 时 画面 效果 如 图 12-108 所 示 。 
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图 12-107 


入 嵌入 的 对 象 ” 对话 框 中 


图 12-105 


图 12-108 
执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 在 弹出 的 “ 置 


单 击 选择 素材 “2.jpg”， 接 着 单 击 


“ 置 入 ”按钮 ， 如 图 12-109 所 示 ， 此 时 画面 效果 如 图 12-110 
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界 框 左下 方 的 控制 点 处 ， 
动 ， 使 其 透视 变形 ， 如 图 


所 示 。 
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i 区 选择 工具 箱 中 的 “移动 工具 ”， 将 光标 定位 到 定 


按 住 ctrl 键 的 同时 按 住 鼠标 左 键 拖 
12-111 所 示 。 接 着 使 用 同样 的 方法 


i 拖 动 其 他 3 个 控制 点 ， 使 
; 果 如 图 12-112 所 示 。 


其 变形 后 符合 屏幕 的 透视 关系 ， 效 
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图 12-110 


图 12-111 图 12-112 
凡 变形 完成 后 按 Enter 键 确定 变形 操作 ， 选 中 素材 
“2.jpg” 的 图 层 ， 在 该 图 层 上 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜 
单 中 执行 “ 栅 格 化 图 层 ” 命 令 ， 将 该 图 层 转 换 为 普通 图 层 ， 如 
图 12-113 所 示 。 
了 区 去 掉 手 机 壁纸 多 余 的 部 分 。 单 击 工 具 箱 中 的 “钢笔 工 
具 ” 按 钮 国 ， 在 选项 栏 中 设置 “绘制 模式 ”为 “路 径 ”， 在 手 
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图 12-115 图 12-116 
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铝 写 :图 4 中 入 自 填 : 100% ~ 


; 机 屏幕 位 置 绘制 路 径 ， 
: ”后 按 Ctrl+Enter 快 捷 键 将 路 径 转换 为 选区 ， 如 图 12-115 
| 所 示 。 


如 图 12-114 所 示 。 路 径 绘 制 完 成 
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图 12-113 


站 本 二 9mm 


图 12-114 


了 9 为 图 层 添加 蒙 版 。 在 “图 层 ”面板 中 选中 手 


| 机 壁纸 图 层 ， 然 后 单 


fF “图 层 ” 面 板 下 的 “添加 图 层 


蒙 版 ”按钮 口 ， 基 于 选区 为 该 图 层 添加 图 层 蒙 版 ， 如 


图 12-116 所 示 ， 效 果 如 


图 12-117 所 示 。 


图 12-117 


了 区 增加 手机 壁纸 的 明暗 对 比 效果 。 选 择 手 机 壁纸 图 层 ， 按 Ctrl+J 快 捷 键 将 该 图 层 复制 。 然 后 选择 复制 的 图 层 ， 在 该 图 层 
蒙 版 缩 览 图 上 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 执行 “应 用 图 层 蒙 版 ”命令 ， 如 图 12-118 所 示 。 选 择 复制 的 图 层 ， 单 击 鼠 
标 右键 ， 在 弹出 的 快捷 菜单 中 执行 “转换 为 智能 对 象 ”命令 ， 将 该 图 层 转换 为 智能 对 象 ， 如 图 12-119 所 示 。 

了 区 选择 智能 图 层 ， 执 行 “ 滤 镜 > 模糊 > 高 斯 模糊 ”命令 ， 在 弹出 的 “高 斯 模糊 ”对 话 框 中 设置 “半径 ”为 9 像素 ， 然 后 


单 击 “ 确 定 ” 按 钮 ， 如 图 12-120 所 示 ， 效 果 如 图 12-121 所 示 。 


攻 癌 避 


使 
用 
滤 
避 
制 
效 
果 


二 
Pa MOTHUA® tsSd 为 PNG 
球 TE: oo% Wd 


访 E: 图 w 中 巧 四 二 5:100e ~ 


Q 10% QQ 
丰 &(n): 一] 久未 


自 
全 


他 时 更 由 版 


图 12-118 图 12-119 图 12-120 

基 此 时 手机 壁纸 的 部 分 有 些 虚 ， 利 用 图 层 蒙 版 将 其 隐藏 。 单 击 选择 智能 图 层 的 图 层 蒙 版 缩 览 图 ， 然 后 选择 工具 箱 中 的 
“画笔 工具 ” 国 ， 在 选项 栏 中 单 击 打 开 “ 画 笔 预 设 ” 选 取 器 ， 这 里 选择 常规 画笔 组 下 的 柔 边 圆 画笔 设置 画笔 “大 小 ”为 
500 像 素 ，“ 硬 度 ” 为 17%， 如 图 12-122 所 示 。 将 前 景色 设置 为 黑色 。 设 置 完毕 后 在 画面 中 左下 方 的 按钮 处 按 住 鼠标 左 键 并 拖 
动 进 行 涂抹 ， 将 此 处 的 滤 镜 效果 隐藏 ， 效 果 如 图 12-123 所 示 。 
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图 12-121 图 12-122 
本 涂抹 完成 后 ， 最 终 效果 如 图 12-124 所 示 。 i 


图 12-124 


12.4.5 进一步 模糊 


因 技术 速 查 : 使 用 “进一步 模糊 ” 滤 镜 可 以 平衡 已 定 
义 的 线条 和 遮蔽 区 域 的 清晰 边缘 旁边 的 像素 ， 使 变 
化 显得 柔和 。 
打开 一 张 图片 ， 如 图 12-125 所 示 。 执 行 “ 滤 镜 > 模 
糊 > 进一步 模糊 ”命令 ， 该 滤 镜 没有 参数 设置 对 话 框 ， 此 
时 图 像 会 具有 轻微 的 模糊 效果 ， 效 果 如 图 12-126 所 示 。 


图 12-126 


12.4.6” 径 向 模糊 


四 技术 速 查 : “ 径 向 模糊 ” 滤 镜 用 于 模拟 
缩放 或 旋转 相机 时 所 产生 的 模糊 . 产生 
的 是 一 种 柔 化 的 模糊 效果 
打开 一 张 图 像 ， 如 图 12-127 所 示 。 执 行 

“ 滤 镜 > 模糊 > 径 向 模糊 ”命令 ， 在 弹出 的 

“ 径 向 模糊 ”对 话 框 中 进行 参数 的 设置 ， 设 

置 完 成 后 单 击 “ 确 定 ”按钮 ， 如 图 12-128 所 

示 ， 效 果 如 图 12-129 所 示 。 


图 12-127 图 12-128 图 12-129 


EJ 选项 解读 ，“ 径 向 模糊 ”对 话 框 详解 


四 数量 :用 于 设置 模 炳 的 强度 。 数 值 越 高 ， 模 糊 效 果 越 明显 。 
全 模糊 方法 ， 榨 制 模糊 的 方式 ， 包 括 “ 旋 转 ” 和 “缩放 ”两 种 ， 如 图 12-130 和 图 12-131 所 示 。 | 
的 中 心 模糊 。 在 设置 框 中 单 击 并 拖 动 鼠 标 可 以 更 改 模糊 的 位 置 。 如 图 12-132 和 图 12-133 所 示 分 别 为 不 同 原点 的 旋转 模糊 ， 


效果 。 


图 12-130 图 12-131 图 12-132 图 12-133 | 
名 品质 : 控制 模糊 效果 的 质量 。“ 草 图 ”的 处 理 速 度 较 快 ， 但 会 产生 颗粒 效果 ; “好 ”和 “最 好 ”的 处 理 速 度 较 慢 ， 但 | 
是 生成 的 效果 比较 平滑 。 | 


12.4.7 ”镜头 模糊 


间 技术 速 查 镜头 模糊 ” 滤 镜 通常 用 来 制作 景 果 。 如 果 图 像 中 存在 Alpha 通 道 或 图 层 蒙 版 ， 则 可 以 将 其 指定 


“ 源 ”， 从 而 产生 景深 模糊 效果 点 化 的 边 从 能“) 沪 肥 璋 
图 像 ， 如 图 12-134 所 '/ WU : 

示 。 接 下 来 添加 图 国民 民 ， 几 7 

层 蒙 版 ， 在 图 层 蒙 “ 

版 中 显示 的 区 域 为 
镜头 模糊 的 区 域 ， 
如 图 12-135 所 示 。 


图 12-134 图 12-135 
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(2) 执行 “ 滤 镜 > 模糊 > 镜头 模糊 ”命令 ， 打 开 “ 镜 头 模糊 ”对 话 框 ， 设 置 “ 源 ”为 “图 层 蒙 版 ”， 然 后 选中 合适 的 形 
状 ， 设置 “半径 ”数值 以 调整 模糊 的 强度 ， 设 置 完成 后 单 击 “ 确 定 ” 按 钮 ， 如 图 12-136 所 示 。 将 图 层 蒙 版 隐藏 ， 此 时 画面 效 
果 如 图 12-137 所 示 。 


ER 


图 12-136 图 12-137 
| 选项 解读 : “镜头 模糊 ”对 话 框 详解 
加 深度 映射 从 “ 源 ” 下 拉 列 表 框 中 可 以 选择 使 用 Apha 通 道 或 图 层 蒙 版 来 创建 景深 效果 (前 提 是 图 像 中 存在 Apha 通 道 或 ， 
图 层 莹 版) ， 其 中 通道 或 蒙 版 中 的 白色 区 域 将 被 模糊 ， 而 黑色 区 域 则 保持 原样 ， “模糊 焦距 ”选项 用 来 设置 位 于 角 ， 
点 内 的 像素 的 深度 ; “ 反 相 ”选项 用 来 反 转 Apha 通 道 或 图 层 莹 版 。 
名 光 图: 该 选项 组 用 来 设置 模糊 的 显示 方式 。 “形状” 选项 用 来 选择 光 图 的 形状 ; “半径 ”选项 用 来 设置 模糊 的 数量 
| “叶片 普度 ”选项 用 来 设置 对 光 图 边缘 进行 平滑 处 理 的 程度 ; “旋转 ”选项 用 来 旋转 光 国 。 
如 镜面 高 光 : 该 选项 组 用 来 设置 镜面 高 光 的 范围 。 “亮度 ”选项 用 来 设置 高 光 的 亮度 ; “ 阅 值 ”选项 用 来 设置 赏 度 的 停 ， 
| 止 点 ， 比 停止 点 值 亮 的 所 有 像素 部 被 视 为 镜面 高 光 。 
加 杂 色 : “数量 ”选项 用 来 在 图 像 中 添加 或 减少 杂 色 ; “分 布 ”选项 用 来 设置 杂 色 的 分 布 方式 ， 包 含 “平均 分 布 " 和 | 
“高 斯 分 布 ”两 种 ; 如 果 选 中 “ 单 色 ” 复 选 框 ， 则 添加 的 杂 色 为 单一 颜色 。 : 


人 @ 技术 速 查 : “模糊 ” 滤 镜 用 于 在 图 像 中 有 显著 颜色 变化 的 地 方 消除 杂 色 . 它 可 以 通过 平衡 已 定义 的 线条 和 遮蔽 区 域 的 清 
晰 边缘 旁边 的 像素 来 使 图 像 变 得 柔和 。 
打开 一 张 图 
像 ， 如 图 12-138 
所 示 。 执 行 “ 滤 
镜 > 模糊 > 模糊 ” 
命令 ， 该 命令 没 
有 参数 设置 对 话 
框 ， 模 糊 效果 比 
较 微弱 ， 效 果 如 
图 12-139 所 示 。 


图 12-138 图 12-139 


12.4.9 平均 


因 技术 速 查 : 使 用 “平均 ” 滤 镜 可 以 查找 图 


如 图 12-140 所 示 。 执 行 “ 滤 镜 > 模糊 > 了 


图 12-140 


12.4.10 ”特殊 模糊 


伯 技术 速 查 : 使 用 “特殊 模糊 ” 

滤 镜 可 以 精确 地 模糊 图 像 。 

使 用 “特殊 模糊 ” 滤 镜 可 以 将 
画面 中 颜色 临近 的 部 分 进行 模糊 。 
打开 一 张 图 像 ， 如 图 12-143 所 示 。 
执行 “ 滤 镜 > 模糊 > 特殊 模糊 ” 命 
令 ， 在 弹出 的 “特殊 模糊 ”对 话 杠 
中 进行 参数 的 设置 ， 设 置 完 成 后 
单 击 “ 确 定 ”按钮 ， 如 图 12-144 所 
示 ， 效 果 如 图 12-145 所 示 。 


图 12-143 


图 12-141 


四 人 选项 解读 。“ 特 殊 模糊 ”对 话 框 详解 


名 半径 : 用 来 设置 要 应 用 模糊 的 范 


围 。 


名 阔 值 : 用 来 设置 像素 具有 多 大 差异 后 才 会 被 模糊 处 理 。 


从 品质 ， 设置 模糊 效果 的 质量 ， 包 

人 @ 模式 : 选择 “正常 ”选项 ， 
不 会 在 图 像 中 添加 任何 特殊 
效果 ， 如 图 12-146 所 示 ; 选择 
“ 仅 限 边缘 ”选项 ， 将 以 黑 
色 显 示 图 像 ， 以 白色 描绘 出 
图 像 边缘 像素 亮度 值 变化 强 
烈 的 区 域 ， 如 图 12-147 所 示 ; 
选择 “ 登 加 边缘 ”选项 ， 将 
以 白色 描绘 出 图 像 边 缘 像 素 
亮度 值 变化 强烈 的 区 域 ， 如 
图 12-148 所 示 。 


2 “ 中 和 尝 ， 


图 12-146 


“高 ”3 种 。 


像 或 选区 的 平均 颜色 . 再 用 该 颜色 填充 图 像 或 选区 ， 以 创建 平滑 的 外 观 效果 。 
“平均 ” 滤 镜 可 以 查找 图 像 或 选区 的 平均 颜色 ， 再 用 该 颜色 填充 图 像 或 选区 ， 以 创建 平滑 的 外 观 效果 。 打 开 一 张 图 
F 均 ”命令 ， 该 命令 没有 参数 设置 对 话 框 ， 效 果 如 图 12-141 所 示 。 如 果 画 面 中 有 选 
那么 只 将 选区 内 的 像素 进行 平均 ， 效 果 如 图 12-142 所 示 。 


风 这 


图 12-142 


图 12-147 图 12-148 
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形状 模糊 | 
六 技术 速 查 : 使 用 “形状 模糊 ” 滤 镜 可 以 
用 设置 的 形状 来 创建 特殊 的 模糊 效果 。 
使 用 “形状 模糊 ” 滤 镜 可 以 用 形状 来 创建 
特殊 的 模糊 效果 。 打 开 一 张 图 像 ， 如 图 12-149 
所 示 。 执 行 “ 滤 镜 > 模 糊 > 形状 模糊 ”命令 ， 
在 弹出 的 “形状 模糊 ”对 话 框 中 先 选择 合适 
的 形状 ， 然 后 设置 “半径 ”数值 ， 设 置 完成 
后 单 击 “ 确 定 ”按钮 ， 如 图 12-150 所 示 ， 效 Vv 
果 如 图 12-151 所 示 。 OO@™m=*tA 


图 12-149 图 12-150 图 12-151 


仿 半径 : 用 来 调整 形状 的 大 小 。 数 值 越 大 ， 模 糊 效 果 越 好 。 
名 形状 列表 : 在 形状 列表 中 选择 一 个 形状 ， 可 以 使 用 该 形状 来 模糊 图 像 。 


AN pe 
12.9 模糊 画廊 滤 镜 组 


怒 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \ 模 糊 滤 镜 与 锐 化 滤 镜 .flv 

模糊 画廊 滤 镜 组 中 的 滤 镜 同样 是 对 图 像 进行 模糊 处 理 的， 但 这 些 滤 镜 主要 用 于 为 数码 照片 制作 特殊 的 模糊 效果 ， 如 模 
拟 景深 效果 、 旋 转 模糊 、 移 轴 摄 影 、 微 距 摄影 等 。 
有 i | 
ey! 场景 模糊 二 == 2 | 
昌 技术 速 查 : 使 用 “场景 模糊 ” 滤 镜 可 以 使 画面 呈现 不 同 区 域 、 不 同 模糊 程度 的 效果 。 

(1) 打开 一 张 图 片 ， 执 行 “ 滤 镜 > 模糊 画廊 > 场景 模糊 ”命令 ， 进 入 “场景 模糊 ”界面 ， 默 认 情况 下 在 画面 的 中 央 位 置 
有 个 控制 点 ， 此 时 可 以 通过 “模糊 ”选项 调整 控制 点 的 模糊 强度 ， 数 值 越 大 ， 模 糊 效果 越 强 ， 如 图 12-152 所 示 。 接 着 可 以 通 
过 单 击 的 方式 添加 多 个 控制 点 ， 如 图 12-153 所 示 。 
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图 12-153 


上 (2) 在 控制 点 上 单 击 即 可 选中 控制 点 ， 然 
: 后 按 住 鼠标 左 键 并 拖 动 即 可 调整 控制 点 的 位 置 ， 
; 接着 调整 控制 点 的 模糊 数值 ， 如 图 12-154 所 示 。 
} 设置 完成 后 单 击 选项 栏 中 的 “确定 ”按钮 ， 效 果 
me = ”| 如 图 12-155 所 示 。 

图 12-152 


寺 ”省 Et 下 | a 
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图 12-154 


加 模糊 : 用 于 设置 模糊 强度 。 
曙光 源 散 景 
各 散 
昌 光照 


12.5.2 ”光圈 模糊 

@ 技术 速 查 : 使 用 “ 光 图 模糊 
中 ， 用 户 可 以 根据 不 同 的 要 求 对 人 
模糊 数 量 以 及 清晰 区 域 与 模糊 区 二 


> 间 的 过 
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mm 


图 12-157 


用 于 控制 光照 亮度 ， 数 值 越 大 ， 高 光 区 域 的 亮度 就 越 高 。 
通过 调整 数值 控制 散 景区 域 颜色 的 程度 。 
笔 围 ， 通过 调整 滑 块 用 色 阶 来 控制 散 景 的 范围 。 


命令 可 将 一 个 或 多 个 焦 : 
的 大 小 与 形状 
果 进 行 相应 的 设置 。 : 

(1) 打开 一 张 图 像 ， 如 图 12-156 所 示 。 执 行 “ 滤 镜 > 模糊 画廊 > 光圈 ; 
模糊 ”命令 ， 进 入 “场景 模糊 ”界面 ， 图 像 中 心 位 置 有 一 个 “控制 点 ”并 : 


图 12-155 


; 带 有 控制 框 ， 设 置 “ 模 糊 ” 参 数 可 调整 模糊 强 
i 度 ， 如 图 12-157 所 示 。 


地 加 到 图 像 
图 像 其 余部 分 的 


图 12-156 


(2) 拖 动 控制 框 右上 角 的 马 能 够 调整 控制 
” 框 的 形状 ， 如 图 12-158 所 示 。 拖 动 控 制 框 上 的 控 
= 制 点 能 够 调整 控制 框 的 高 度 和 宽度 ， 如 图 12-159 


2 所 示 。 
ed 
a EE 
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图 12-158 
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钮 ， 效 果 如 图 12-161 所 示 。 


图 12-159 


12.5.3” 移 轴 模 糊 


则 技术 速 查 : 使 用 “ 移 轴 模糊 

移 轴 效果 是 一 种 特殊 的 摄影 效果 ， 用 大 场景 来 表现 类 似 微观 的 世界 ， 让 人 感觉 非常 有 趣 。 如 图 12-162 和 图 12-163 所 示 为 
移 轴 摄影 。 而 在 Photoshop 中 就 可 以 使 用 “ 移 轴 模糊 ” 滤 镜 快速 地 模拟 移 轴 效 果 。 

(1) 打开 一 张 素材 ， 如 图 12-164 所 示 。 执 行 “ 滤 镜 > 模糊 画廊 > 移 轴 模糊 ”命令 ， 进 入 “ 移 轴 模糊 ”界面 。 可 以 在 界面 的 
右 侧 控制 模糊 的 强度 ， 如 图 12-165 所 示 。 


图 12-162 


(3) 拖 动 控制 框 内 侧 的 圆 形 控制 点 可 以 调整 模糊 的 过 渡 效 果 ， 


滤 镜 可 以 轻松 地 模拟 移 轴 摄 


图 12-160 


(2) 拖 动 虚线 可 以 调整 模糊 的 过 渡 效 果 ， 如 图 12-166 所 示 。 拖 动 实 线 矶 


ot 
EE TE 


i 也 [本 | 瑟 po 


(3) 设置 完成 后 单 


图 12-165 


选项 栏 中 


bh 的 “确定 ”按钮 ， 效 果 如 图 12-168 所 示 。 


如 图 12-160 所 示 。 设 置 完 成 后 单 击 选项 栏 中 的 “确定 ” 按 


图 12-161 


图 12-164 
以 调整 模糊 的 位 置 ， 如 图 12-167 所 示 。 


图 12-166 


此 河 选 项 解读 : “ 移 轴 模 糊 ” 选 项 详解 
多 模糊 ， 用 于 设置 模糊 强度 。 


图 12-167 图 12-168 


和 忽 扭曲 度 ， 用 于 控制 模糊 担 曲 的 形状 。 | 
。 加 对 称 扭曲 ， 选 中 该 复 选 框 可 以 从 两 个 方向 应 用 担 曲 。 


名 技术 速 查 


使 用 “路 径 模糊 ” 滤 镜 可 以 沿 着 
杆 ， 像 素 沿 着 控 


使 用 “路 径 模糊 ” 滤 镜 可 以 轻松 制作 多 角度 、 多 层次 动 效 的 模糊 效果 。 


个 图 层 ， 如 图 12-169 所 
示 。 执 行 “ 滤 镜 > 模 糊 画 廊 > 路 径 模糊 ” 
命令 ， 打开 “模糊 画廊 ”界面 。 在 默认 情 
况 下 ， 画 面 中 央 有 一 个 箭头 形 的 控制 杆 。 
在 界面 右 侧 进行 参数 的 设置 ， 可 以 看 到 画 


ie | 


的 模糊 效果 ， 如 
ww” 


点 ， 并 调整 箭头 


面 中 所 选 的 部 分 产生 了 横向 的 带 有 运动 感 


图 12-17 


图 12-16 
(2) 拖 忠 控制 点 可 以 改变 控制 杆 的 形状 ， 同 时 会 影响 模糊 的 效果 ， 如 图 12-171 所 示 。 也 可 以 在 控制 杆 上 单 才 


的 形状 ， 


0 所 示 。 


9 图 12-170 


如 图 12-172 所 示 。 


(3) 在 界 F 


面 右 侧 百 


完成 后 按 “ 确 定 ”按钮 。 


- 定 方向 进行 画面 模糊 ， 使 用 该 滤 镜 可 以 在 画面 中 创建 任何 角度 的 直线 或 弧 线 的 控制 
央 杆 的 走向 进行 模糊 。 。 本 sm was ses ss 340 ses wa 6 wa sci mei 
“路 径 模糊 ” 滤 镜 可 以 用 于 制作 带 有 动 效 “ss . 
的 模糊 效果 ， 并 且 能 够 制作 出 多 角度 、 多 
层次 的 模糊 效果 。 

(1) 选择 一 


f 添 加 控制 


以 通过 调整 “速度 ”参数 来 调整 模糊 的 强度 ， 调 整 “ 锥 度 ” 参 数 来 调整 模糊 边缘 的 渐 隐 强 度 。 调 整 
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图 12-172 


12.5.5 “旋转 模糊 


技术 速 查 : 使 用 “旋转 模糊 ” 滤 镜 可 以 轻松 地 模 : 


拟 拍照 时 旋转 相机 时 所 产生 的 模糊 效果 。 


使 用 “旋转 模糊 ” 滤 镜 可 以 一 次 性 在 画面 中 添 
加 多 个 模糊 点 ， 还 能 够 随意 控制 每 个 模糊 点 的 模糊 范 
围 、 形 状 与 强度 。“ 旋 转 模糊 ” 滤 镜 可 以 用 于 模拟 拍 
区 时 旋转 相机 时 所 产生 的 模糊 效果 ， 以 及 旋转 的 物体 


产生 的 模糊 效果 。 


面 。 在 该 界面 中 ， 画 面 中 央 位 置 有 一 个 “控制 点 ”， 


用 来 控制 模糊 的 位 置 ， 在 界面 的 右 侧 调整 “模糊 角 


度 ” 数 值 可 调整 模糊 的 强度 ， 如 图 12-174 所 示 。 


一 


图 12-173 


(2) 拖 忠 外 侧 圆 形 控制 点 即 可 调整 控制 框 的 形 


《1) 打开 一 张 图 片 ， 如 图 12-173 所 示 。 执 行 “ 滤 
镜 > 杭 精 画廊 > 旋转 模糊 ” 命令， 打开“ 模糊 画廊 ” 界 


: 状 、 大 小 ， 如 图 12-175 所 示 。 拖 昌 内 侧 
;的 过 渡 效果 ， 如 图 12-176 所 示 。 


1 


图 12-176 
(3) 在 画面 中 继续 单 击 即 可 添加 控制 点 ， 并 


i 整 ， 如 图 12-177 所 示 。 设 置 完成 后 单 


图 12-177 


生 “ 确 定 ”按钮 。 


形 控制 点 可 以 调整 模糊 


进行 参数 调 


滤 镜 组 


名 视频 精 讲 : Photoshop 新 手 学 视频 精进 课堂 \“ 扭 曲 ” 滤 简 组 -fv 
执行 “ 滤 镜 > 扭曲 ”命令 ， 在 子 菜单 中 可 以 看 到 9 种 扭曲 滤 镜 ， 通 过 这 些 滤 镜 的 使 用 可 以 使 画面 产生 不 同 效果 的 扭曲 


感 ， 例 如 波浪 效果 、 水 波 效果 、 球 面 效 果 等 。 习 
和 章 
12.6.1 波浪 
但 技术 速 查 : 使 用 “波浪 ” 滤 镜 可 i 
以 在 图 像 上 创建 类 似 波浪 起 伏 的 
效果 本 使 
使 用 “波浪 ” 滤 镜 可 以 制作 类 = = 肯 
似 波浪 的 效果 。 打 开 一 张 图 片 ， 如 镜 
图 12-178 所 示 。 执 行 “ 滤 镜 > 扭曲 > 波 名 
浪 ” 命 令 ， 在 弹出 的 “波浪 ”对 话 框 ee Sl 
中 进行 参数 的 设置 ， 设 置 完成 后 单 击 次 
“确定 ”按钮 ， 如 图 12-179 所 示 ， 效 me 3 条 
果 如 图 12-180 所 示 。 
图 12-178 图 12-179 图 12-180 


全 省 选项 解读 ， “波浪 ”对 话 框 详解 


忽 类 型 : 选择 波浪 的 类 型 ， 包 括 “ 正 弦 ”“ 三 角形 ” 
“方形 ”3 种 类 型 ， 效 果 分 别 如 图 12-181 一 图 12-183 


; 数 ， 用 来 设置 波浪 的 强度 。 

:长 : 控制 相 邻 两 个 波峰 之 间 的 水 平 距离 。 
pe 控制 波浪 的 宽度 (最 小 ) 和 高 度 (最 大 ) 。 

外 比例 : 设置 波浪 在 水 平方 向 和 垂直 方向 上 的 波动 幅度 。 

Dd hs 单 击 此 按钮 可 以 产生 随机 化 的 波纹 效果 。 

仿 未 定义 区 域 : 用 来 设置 空白 区 域 的 填充 方式 。 选 中 
“ 折 回 ” 单 选 按钮 ， 可 以 在 空白 区 域 填充 溢出 的 内 
容 ; 选中 “重复 边缘 像素 ” 单 选 按钮 ， 可 以 填充 担 
曲 边 缘 的 像素 颜色 。 


图 12-181 图 12-182 图 12-183 


12.6.2 波纹 和 | 
全 技术 速 查 : “波纹 ” 
类 似 ,但 只 能 空 制 波纹 的 数量 和 大 小 

使 用 “波纹 ” 滤 镜 可 以 模拟 波纹 的 效果 ， 
只 能 控制 波纹 的 数量 和 大 小 。 打 开 一 张 图 片 ， 
如 图 12-184 所 示 。 执 行 “ 滤 镜 > 扭 昌 > 波 纹 ” 命 
令 ， 在 弹出 的 “波纹 ”对 话 框 中 进行 参数 的 设 
置 ， 设 置 完成 后 单 击 “ 确 定 ”按钮 ， 如 图 12-185 
所 示 ， 效 果 如 图 12-186 所 示 。 


图 12-184 图 12-185 图 12-186 
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12.6.3” 极 坐标 


灸 技术 速 查 : 使 用 “ 极 坐 标 ” 渡 镜 可 上 或 从 极 坐标 转换 到 平面 坐标 
(1) 打开 一 张 图 像 ， 如 图 12-187 所 示 。 执 行 “ 滤 镜 > 扭曲 > 极 坐标 ”命令 ， 在 弹出 的 “ 极 坐 标 ” 对 话 框 中 选中 “平面 坐标 
到 极 坐标 ” 单 选 按钮 ， 如 图 12-188 所 示 。 单 击 “ 确 定 ” 按 钮 ， 此 时 画面 效果 如 图 12-189 所 示 。 


Er 


图 12-187 图 12-189 


(2) 将 图 像 以 横向 不 等 比 缩放 ， 
使 效果 变 成 正 圆 形 ， 如 图 12-190 所 示 。 
若 在 “ 极 坐标 ”对 话 框 中 选中 “ 极 坐 
标 到 平面 坐标 ” 单 选 按钮 ， 则 使 圆 形 
图 像 变 为 矩形 图 像 ， 如 图 12-191 所 示 。 


图 12-190 图 12-191 


12.6.4 挤 压 


韶 技术 速 查 : 使 用 “ 挤 压 ” 滤 镜 可 以 将 选区 内 的 图 像 或 整个 图 像 向 外 或 
向 内 挤 打 
使 用 “ 挤 压 ” 滤 镜 可 以 制作 图 像 向 外 或 向 内 挤 压 的 效果 。 打 开 一 张 图 
片 ， 如 图 12-192 所 示 。 执 行 “ 滤 镜 > 扭曲 > 挤 压 ” 命 令 ， 在 弹出 的 “ 挤 压 ” 
对 话 框 中 进行 参数 的 设置 ， 如 图 12-193 所 示 。 数 值 为 负 值 时 ， 图 像 会 向 外 
挤 压 ， 如 图 12-194 所 示 ; 当 数 值 为 正 值 时 ， 图 像 会 向 内 挤 压 ， 如 图 12-195 
所 示 。 


图 12-192 


HHHE 
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图 12-195 图 12-194 图 12-195 


六 技术 速 查 : 使 用 “ 切 变 ” 滤 镜 可 以 沿 一 条 曲线 扭曲 图 像 ， 通 过 拖 遇 调整 框 中 的 曲线 可 以 应 用 相应 的 扭曲 效果 。 
打开 一 张 图 片 ， 如 图 12-196 所 示 。 执 行 “ 滤 镜 > 扭曲 > 切 变 ”命令 ， 在 弹出 的 “ 切 变 ”对 话 框 中 进行 参数 的 设置 ， 如 图 12-197 
所 示 。 设 置 完成 后 单 击 “确定 ”按钮 ， 效 果 如 图 12-198 所 示 。 


许 


二 


| Dy 
泪 活 济 非 市 盖 于 竺 汪 褒 区 ” 坤 忆 溃 


名 曲线 调整 框 : 通过 在 曲线 调整 框 中 调整 曲线 的 弧度 ， 可 以 产生 如 图 12-199 和 图 12-200 所 示 的 不 同 的 变形 效果 。 


图 12-199 图 12-200 


| 加 折 回 : 在 图 像 的 空白 区 域 填充 溢出 图 像 之 外 的 图 像 内 容 ， 如 图 12-201 所 示 。 

”入 重复 边缘 像素 ， 在 图 像 边 界 不 完整 的 空白 区 域 填 充 担 曲 边缘 的 像素 颜色 ， 如 图 12-202 所 示 。 
i 

i 


图 12-201 图 12-202 


12.6.6 ”球面 化 
外 技术 速 查 : 使 用 “球面 化 ” 滤 镜 可 以 将 选区 内 的 图 像 或 整个 图 像 扭曲 为 球形 。 

打开 一 张 图 片 ， 如 图 12-203 所 示 。 执 行 “ 滤 镜 > 扭曲 > 球面 化 ”命令 ， 在 弹出 的 “球面 化 ”对 话 框 中 进行 参数 的 设置 ， 设 
置 完成 后 单 击 “确定 ”按钮 ， 如 图 12-204 所 示 ， 效 果 如 图 12-205 所 示 。 


图 12-203 图 12-204 图 12-205 


到 


“球面 化 ”对 话 框 详解 


加 数量 : 用 来 设置 图 
像 球面 化 的 程度 。 
当 设置 为 正 值 时 ， 
图 像 会 向 外 凸 起 ， 
如 图 12-206 所 示 ; 
当 设 置 为 负 值 时 ， 
图 像 会 向 内 收缩 ， 
如 图 12-207 所 示 。 

加 模式 : 控制 图 像 的 
挤 压 模式 。 
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图 12-206 图 12-207 
12.6.7 水 波 
人 @ 技术 速 查 . 使 用 “水 波 ” 滤 镜 可 以 使 图 像 产生 真实 的 水 波 波纹 效果 。 


使 用 “水 波 ” 滤 镜 可 以 制作 水 波 产 生 的 涟 满 效果。 打开 一 张 图 像 ， 如 图 12-208 所 示 。 执 行 “ 滤 镜 > 扭曲 > 水 波 ” 命 令 ， 在 
弹出 的 “水 波 ” 对 话 框 中 进行 参数 的 设置 ， 设 置 完成 后 单 击 “确定 ”按钮 ， 如 图 12-209 所 示 ， 效 果 如 图 12-210 所 示 。 


图 12-208 图 12-209 图 12-210 


数量 : 控制 波纹 的 数量 。 当 设置 为 负 值 时 ， 将 产生 下 四 的 波纹 ， 如 图 12-211 所 示 ; 当 设 置 为 正 值 时 ， 将 产生 上 凸 的 波 | 


纹 ， 如 图 12-212 所 示 。 

仿 起 伏 : 设置 波纹 的 数量 。 数 值 越 
大 ， 波 纹 越 多 。 

加 样式 ; 控制 生成 波纹 的 样式 。 选 
择 “围绕 中 心 ”时 ， 可 围绕 中 心 
产生 波纹 ， 如 图 12-2135 所 示 ; 选 
择 “ 从 中 心 向 外 ”时 ， 波 纹 从 中 
心 向 外 扩散 ， 如 图 12-214 所 示 ; 
选择 “水 池 波 纹 ” 时 ， 效 果 较 为 
自然 ， 如 图 12-215 所 示 。 


图 12-213 


图 12-214 


图 12-212 


图 12-215 


韶 技术 速 查 : 使 用 “旋转 扭曲 ” 滤 

镜 可 以 顺 时针 或 逆 时 针 旋转 图 

像 . 旋转 会 围绕 图 像 的 中 心 进行 

处 理 。 

使 用 “旋转 扭曲 ” 滤 镜 可 以 将 图 
像 围绕 中 心 进行 旋转 扭曲 。 打 开 一 张 图 
片 ， 如 图 12-216 所 示 。 执 行 “ 滤 镜 > 扭 
曲 > 旋转 扭曲 ”命令 ， 在 弹出 的 “旋转 
扭曲 ”对 话 框 中 进行 参数 的 设置 ， 设 置 
完成 后 单 击 “ 确 定 ” 按 钮 ， 如 图 12-217 
所 示 ， 效 果 如 图 12-218 所 示 。 


角度 : 用 来 设置 旋转 捏 曲 的 方向 。 当 设置 为 正 值 时 ， 会 沿 
顺 时 针 方 向 进行 担 曲 ， 如 图 12-219 所 示 ; 当 设 置 为 负 值 时 ,会 
沿 逆 时 针 方 向 进行 扭曲 ， 如 图 12-220 所 示 。 


图 12-218 


图 12-220 
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12.6.9 置换 

@ 技术 速 查 : 使 用 “置换 ” 滤 镜 的 前 提 是 需要 两 张 图 像 ， 一 个 作为 当前 的 图 像 ， 一 
个 作为 置换 的 图 像 (必须 为 PSD 文 件 ) . 将 两 张 图 像 进行 置换 混合 处 理 。 常 用 来 
制作 特殊 的 效果 。 


“置换 ”对 话 框 中 设置 合适 的 参数 ， 如 图 12-222 所 示 。 
(2) 在 文件 夹 中 选择 “.psd” 格 式 的 文件 ， 如 图 12-223 所 示 ， 画 面 效 果 如 图 12-224 
所 示 。 图 12-221 
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图 12-222 图 12-225 a 


汇 选项 解读 ，“ 置 换 ” 对 话 框 详解 
多 水 平 /垂直 比例 :用 来 设置 水 平方 向 和 垂直 方向 所 移动 的 距离 。 单 击 “ 确 定 ”按钮 可 以 载 入 PSD 文 件 ， 然 后 用 该 文件 捍 | 
|， 。 曲 图 像 。 | 
”8 置换 图 : 用 来 设置 置换 图 像 的 方式 ， 包 括 “ 伸 展 以 适合 ”和 “ 拼 贴 ”两 种 。 | 

韶 未 定义 区 域 ， 用 来 选择 图 像 发 生 偏 移 后 填充 空白 区 域 的 方式 。 选 中 “ 折 回 ” 单 选 按 钮 时 ， 可 以 在 空缺 区 域 填充 溢出 图 : 
像 之 外 的 图 像 内 容 。 选 中 “重复 边缘 像素 ” 单 选 按钮 时 ， 可 以 在 空缺 区 域 填充 捏 曲 边 缘 的 像素 颜色 。 ! 


[12 锐 化 滤 镜 组 


by/ 


总 视频 精 讲 :，Photoshop 新 手 学 视频 精 讲课 堂 \ 模 糊 滤 镜 与 锐 化 小 简 -fv 
使 用 锐 化 滤 镜 组 主要 的 目的 是 通过 锐 化 让 图 像 更 清晰 、 锐 利 。 锐 化 滤 镜 组 包含 6 种 类 型 ， 分 别 是 “USM 锐 化 ”“ 防 
拌 ”“ 进 一 步 锐 化 ”“ 锐 化 ”“ 锐 化 边缘 ”“ 智 能 锐 化 ”。 


12.7.1 USM 锐 化 


使 用 “USM 锐 化 ” 滤 镜 可 以 自动 识别 
画面 中 色彩 对 比 明显 的 区 域 ， 并 对 其 进行 锐 
化 。 打 开 一 张 图 片 ， 如 图 12-225 所 示 。 执 行 
“ 滤 镜 > 锐 化 >USM 锐 化 ”命令 ， 在 弹出 的 
“USM 锐 化 ”对 话 框 中 进行 参数 的 设置 ， 如 
图 12-226 所 示 。 设 置 完 成 后 单 击 “ 确 定 ” 按 
钮 ， 效 果 如 图 12-227 所 示 。 


图 12-225 图 12-226 图 12-227 


和 EJ 选项 解读 ，“USM 锐 化 ”对 话 框 详解 
数量 用 来 设置 锐 化 效果 的 精细 程度 。 
名 半径 : 用 来 设置 图 像 锐 化 的 半径 范围 大 小 。 


和 @ 技术 速 查 : 使 用 “ 防 拌 ” 滤 镜 可 以 弥补 由 于 使 
用 相机 拍摄 时 拌 动 而 产生 的 图 像样 动 虚 化 问 
题 。 如 图 12-228 所 示 为 原 图 ， 如 图 12-229 所 示 
为 使 用 “ 防 拌 ” 渡 镜 后 的 图 片 。 
打开 一 张 素 材 图 片 ， 执 行 “ 滤 镜 > 锐 化 > 防 拌 ” 


命令 ， 如 图 12-230 所 示 。 
图 12-228 


名 阔 值 : 只 有 相 邻 像素 之 间 的 差 值 达 到 所 设置 的 “ 阅 值 ”数值 时 才 会 被 锐 化 。 该 值 越 高 ， 被 锐 化 的 像素 就 越 少 。 


图 12-229 
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图 12-230 


省 选项 解读 : “ 防 拌 ”对 话 框 详解 

多 模糊 评估 工具 名 ， 使 用 该 工具 在 需要 锐 化 的 位 置 进行 绘制 。 
多 模糊 方向 工具 NS。 手动 指定 直接 模 攀 描摹 的 方向 和 长 度 。 

9 抓 手工 具 四 ， 拖 动 图 像 在 窗口 中 的 位 置 。 

名 缩放 工具 Q : 放大 或 缩小 图 像 显 示 的 大 小 。 

9 模 贿 措 蔓 边 界 ， 用 来 指定 模糊 描 草 边界 的 大 小 。 

的 源 杂 色 : 指定 浙 的 杂 色 。 分 为 “自动 ”“ 低 ”“ 中 ”“ 高 ”4 种 。 
名 平滑 ， 用 来 平滑 锐 化 导致 的 杂 色 。 

人 @ 伪 像 抑制 ， 用 来 抑制 较 大 的 图 像 。 


区 一 | 
wed 


六 技术 速 查 : 使 用 “进一步 锐 化 ” 滤 镜 可 
以 通过 增加 像素 之 间 的 对 比 度 使 图 像 变 


得 清晰 .但 锐 化 效果 不 是 很 明 
使 用 “进一步 锐 化 ” 滤 镜 可 


显 。 
[以 通过 增 


加 像素 之 间 的 对 比 度 使 图 像 变 得 清晰 ， 但 锐 


化 效果 不 是 很 明显 〈 与 模糊 滤 镜 纪 


中 的 “ 进 


一 步 模糊 ” 滤 镜 类 似 ) 。 打 开 一 张 图 片 ， 如 


图 12-231 所 示 。 执 行 “ 滤 镜 > 锐 化 
化 ”命令 。 如 图 12-232 所 示 为 应 用 


i 步 锐 化 ” 滤 镜 以 后 的 效果 。 
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图 12-231 图 12-232 


韶 技术 速 查 : “ 锐 化 ” 滤 镜 与 “进一步 锐 化 ” 滤 镜 一 样 . 
都 可 以 通过 增加 像素 之 间 的 对 比 度 使 图 像 变 得 清晰 。 


i 化 边缘 ”命令 ， 效 果 如 图 12-234 所 示 。 


“ 锐 化 ” 滤 镜 没有 参数 设置 对 话 框 ， 并 且 其 锐 化 程度 一 般 ! 


都 比较 小 。 执 行 “ 滤 镜 > 锐 化 > 锐 化 ”命令 即 可 进行 锐 化 处 理 。 


昌 技术 速 查 : 使 用 “ 锐 化 边缘 ” 滤 镜 只 能 锐 化 图 像 的 边 
缘 ， 同 时 会 保留 图 像 整体 的 平滑 度 。 
打开 一 张 图 片 ， 如 图 12-233 所 示 。 执 行 “ 滤 镜 > 锐 化 > 锐 


，' 息 
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图 12-235 


全 叫 | 选项 解读 ， “智能 锐 化 ”对 话 框 详解 


全 预 设 ， 在 下 拉 列 表 框 中 可 以 将 当前 设置 的 锐 化 参数 存储 为 预 设 参 数 。 : 
名 数量 :控制 锐 化 的 精细 程度 。 数 值 越 高 ， 锐 化 效果 越 强烈 。 如 图 12-257 和 图 12-258 所 示 分 别 是 设置 “数量 ”为 100% 和 ， 


500% 时 的 锐 化 效果 。 


个 减少 杂 色 : 减少 画面 的 杂 色 。 


图 12-233 图 12-234 


人 技术 速 查 
独特 的 锐 化 选项 ， 可 以 设置 锐 化 算法 、 控 制 阴影 和 高 光 
区 域 的 锐 化 量 。 

上 “智能 锐 化 ” 滤 镜 的 参数 比较 多 ， 也 是 实际 工作 中 使 

; 用 频率 最 高 的 一 种 锐 化 滤 镜 。 打 开 一 张 图 片 ， 如 图 12-235 所 


“智能 锐 化 ” 滤 镜 的 功能 比较 强大 ， 它 具有 


示 。 执 行 “ 滤 镜 > 锐 化 > 智能 锐 化 ”命令 ， 随 即 会 弹出 “智能 


i 锐 化 ”对 话 框 ， 如 图 12-236 所 示 。 
Eo 
CE 0 We) 
证 Wm 
计量 的) 9 % 
半径 (Fi 100 像 表 
四季 i 
妹 去 (Vj 领头 相手 
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图 12-236 


名 半径 ,控制 锐 化 影响 的 边缘 像素 的 半径 大 小 。 数 值 越 高 ， 受 影响 的 边缘 半径 就 越 大 ， 锐 化 的 效果 也 越 明显 ， 如 图 12-239 | 
和 图 12-240 所 示 分 别 是 设置 “半径 ”为 5 像素 和 10 像 素 时 的 锐 化 效果 。 


加 移 去 : 选择 锐 化 图 像 的 算法 。 选 择 “高 斯 模糊 ”选项 ， 可 以 使 用 “USM 锐 化 ” 滤 镜 的 方法 锐 化 图 像 ; 选择 “镜头 模 ， 
糊 ” 选 项 ， 可 以 查找 图 像 中 的 边缘 和 细节 ， 并 对 细节 进行 更 加 精细 的 锐 化 ， 以 减少 锐 化 的 光 尝 ; 选择 “动感 模糊 ” 
选项 ， 可 以 激活 下 面 的 “角度 ”选项 ， 通 过 设置 “角度 ” 值 可 以 减少 由 于 相机 或 对 象 移动 而 产生 的 模糊 效果 。 


图 12-237 图 12-238 图 12-239 图 12-240 
名 浙 隐 量 : 设置 阴影 或 高 光 中 的 锐 化 程度 。 

| ”加 色调 宽度 : 设置 阴影 和 高 光 中 色调 的 修改 范围 。 

”多 半径 : 设置 每 个 像素 周围 的 区 域 的 大 小 。 


一 


她 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \“ 像 素 化 ” 滤 镜 组 .fv 
使 用 像素 化 滤 镜 组 可 以 将 图 像 处 理 为 像素 化 的 块 状 效 果 。 像 素 化 滤 镜 组 包含 7 种 滤 镜 ， 分 别 是 “ 彩 块 化 ”“ 彩 色 半 
调 ”“ 点 状 化 ”“ 晶 格 化 ”“ 马 赛 克 ”“ 碎 片 ”“ 铜 版 雕刻 ”。 


12.8.1 彩 块 化 
昌 技术 速 查 : 使 用 “ 彩 块 化 ” 滤 镜 可 以 将 纯色 或 相近 色 的 像素 结 成 相近 颜色 的 像素 块 (该 滤 镜 没有 参数 设置 对 话 框 ) 。 
打开 一 张 图 片 ， 如 图 12-241 所 示 。 执 行 “ 滤 镜 > 像素 化 > 彩 块 化 ”命令 ， 效 果 如 图 12-242 所 示 。 


EA 


图 12-241 图 12-242 


秆 海 漳 坟 全 址 蘑 许 亚 户 


12.8.2 彩色 半 调 

@ 技术 速 查 : 使 用 “彩色 半 调 ” 滤 镜 可 
以 模拟 在 图 像 的 每 个 通道 上 使 用 放大 
的 半 调 网 屏 的 效果 ， 在 画面 中 形成 一 


个 个 彩色 的 小 圆 组 成 的 效果 。 

打开 一 张 图 片 ， 如 图 12-243 所 示 。 执 行 3 
“ 滤 镜 > 像素 化 > 彩色 半 调 ”命令 ， 在 弹出 5 
的 “彩色 半 调 ”对 话 框 中 进行 参数 的 设置 ， 
设置 完成 后 单 击 “ 确 定 ” 按 钮 ， 如 图 12-244 


所 示 ， 效 果 如 图 12-245 所 示 。 图 12-245 图 12-244 图 12-245 


“彩色 半 调 ”对 话 框 详解 
: 用 来 设置 生成 的 最 大 网 点 的 半径 。 


| @ 最 大 
由 网 角 ( 度 ) ， 用 来 设置 图 像 各 个 原色 通道 的 网 点 角度 。 


12.8.3 点 状 化 
久 技术 速 查 : 使 用 “点 状 化 ” 滤 镜 可 以 将 图 像 中 的 颜色 分 解 成 随机 分 布 的 网 点 ， 并 使 用 背景 色 作为 网 点 之 间 的 画布 区 域 。 
打开 一 张 图 片 ， 如 图 12-246 所 示 。 执 行 “ 滤 镜 > 像素 化 > 点 状 化 ”命令 ， 在 弹出 的 “点 状 化 ”对 话 框 中 拖 动 “单元 格 大 
小 ” 滑 块 设置 每 个 多 边 形 色 块 的 大 小 ， 设 置 完 成 后 单 击 “ 确 定 ”按钮 ， 如 图 12-247 所 示 ， 效 果 如 图 12-248 所 示 。 
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图 12-246 图 12-247 图 12-248 


12.8.4 ” 晶 格 化 


六 技术 速 查 : 使 用 “ 晶 格 化 ” 滤 镜 可 以 使 图 像 中 颜色 相近 的 像素 结 块 形 成 多 边 形 纯色 。 
“ 晶 格 化 ” 滤 镜 的 效果 与 “点 状 化 ” 滤 镜 比较 接近 。 打 开 一 张 图 像 ， 如 图 12-249 所 示 。 执 行 “ 滤 镜 > 像素 化 > 晶 格 化 ” 命 
令 ， 在 打开 的 “ 晶 格 化 ”对 话 框 中 设置 合适 的 “单元 格 大 小 ”， 如 图 12-250 所 示 ， 效 果 如 图 12-251 所 示 。 
Bt 攻 bse 
“Ce 


图 12-249 图 12-250 图 12-251 


公 技术 速 查 : 使 用 “马赛 克 ” 滤 镜 可 以 使 像素 结 为 方形 色 块 . 创建 出 类 似 马 赛 克 的 效果 。 


打开 一 张 图 片 ， 如 图 12-252 所 示 。 执 行 “ 滤 镜 > 像素 化 > 马赛 克 ” 命 令 ， 在 弹出 的 “马赛 克 ” 对 话 框 中 拖 动 “单元 格 大 
小 ” 滑 块 设置 每 个 多 边 形 色 块 的 大 小 ， 设 置 完 成 后 单 击 “ 确 定 ”按钮 ， 如 图 12-253 所 示 ， 效 果 如 图 12-254 所 示 。 


Q 10% Q@ 
单元 格 大 QI 加] 万 各 


图 12-252 图 12-253 图 12-254 


因 技术 速 查 : 使 用 “碎片 ” 滤 
镜 可 以 将 图 像 中 的 像素 复制 4 
次 ， 然 后 将 复制 的 像素 平均 分 
布 ， 并 使 其 相互 偏 移 (该 滤 镜 
没有 参数 设置 对 话 框 ) 。 
打开 一 张 图 片 ， 如 图 12-255 所 

示 。 执 行 “ 滤 镜 > 像素 化 > 碎片 ” 命 
令 ， 效 果 如 图 12-256 所 示 。 


NOVEMBER 


图 12-255 图 12-256 


因 技术 速 查 : 使 用 “铜版 雕刻 ” 滤 镜 可 以 将 图 像 转换 为 黑白 区 域 的 随机 图 案 或 彩色 图 像 中 完全 饱和 颜色 的 随机 图 案 。 
打开 一 张 图 片 ， 如 图 12-257 所 示 。 执 行 “ 滤 镜 > 像素 化 > 铜版 雕刻 ”命令 ， 在 弹出 的 “铜版 雕刻 ”对 话 框 中 选择 合适 的 类 
型 ， 设 置 完 成 后 单 击 “ 确 定 ” 按 钮 ， 如 图 12-258 所 示 ， 效 果 如 图 12-259 所 示 。 


选项 解读 ，“ 铀 版 雕刻 ”对 话 框 详解 | 
。 类型 :控制 铜版 腑 刻 的 类 型 ， 共 有 10 神 类 型 ， 分 别 是 “精细 点 ”“ 中 等 点 ”“ 粒 状 点 ”“ 吉 网 点 ”“ 短 直线 ”“ 中 ， 
”长 直线 ”“ 长 直线 ”“ 短 档 边 ”“ 中 长 档 边 ”“ 长 描 边 ”。 | 


知 泛 沸 厅 齐 查 强 许 于 启 区 出 局 惧 


2 泻 染 滤 镜 组 


9 视频 精 讲 : Photoshop 新 于 学 视频 精 讲课 党 \“ 注 染 ” 洲 镜 组 .fv 
使 用 演 染 渡 镜 组 可 以 模拟 多 种 具有 画面 气氛 的 效果 。 泻 染 湾 镜 组 包含 8 种 滤 镜 ， 分 别 是 “火炮”“ 图 片 框 ”“ 树 ”“ 分 
层 云彩 ” “光照 效果 ” “镜头 光 学 ” “纤维 ” “云彩 ”。 


12.9.1 火焰 


全 技术 速 查 : 使 用 “火焰 ” 滤 镜 可 以 轻松 打造 出 沿路 径 排列 的 火焰 。 

首先 需要 在 画面 中 绘制 一 条 路 径 ， 如 图 12-260 所 示 。 选 择 一 个 图 层 〈 可 以 是 空 图 层 ) ， 执 行 “ 滤 镜 > 泻 染 > 火 焰 ” 命 令 
弹出 “火焰 ”对 话 框 。 在 “基本 ”选项 卡 中 首先 可 以 针对 火焰 类 型 等 参数 进行 设置 ， 如 图 12-261 所 示 。 单 击 “确定 ”按钮 
图 层 中 即 可 出 现 火焰 效果 ， 如 图 12-262 所 示 。 
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图 12-260 


选项 解 注 : “火焰 ”对 话 框 基本 选项 


图 12-261 


加 长 度 : 用 于 控制 火焰 的 长 度 。 数 值 越 大 ， 每 个 火苗 的 长 度 越 长 。 

仿 宽度 : 用 于 控制 每 个 火苗 的 宽度 。 数 值 越 大 ， 火 苗 越 宽 。 

名 角度 : 用 于 控制 火苗 的 旋转 角度 。 

名 时 间 间 隔 : 用 于 控制 火苗 之 间 的 间隔 。 数 值 越 大 ， 火 苗 之 间 的 距离 越 大 。 

名 为 火焰 使 用 自 定 颜色 : 默认 的 火苗 与 真实 火苗 颜色 非常 接近 ， 如 果 想 要 制作 出 其 他 闫 色 的 火苗 ， 
用 自 定 颜色 ” 复 选 框 ， 然 后 在 下 方 设 置 火焰 的 颜色 。 


区 设 : 自 定 
a# [wm 
选择 “高 级 ”选项 卡 ， 在 对 话 框 中 可 以 进行 油 流 、 锯 此、 不 透明 度 、 火 焰 线 条 人 
(复杂 性 ) 、 火 焰 底 部 对 齐 、 火 焰 样 式 、 火 焰 形 状 等 参数 的 设置 ， 如 图 12-263 所 示 。 0 
钨 灌流， 用 于 设置 火炮 左右 毛 摆 的 动态 效果 ， 数 值 越 大 ， 波 动 越 强 。 TH 天 
钨 锯齿 :设置 较 大 的 数值 后 ， 火 苗 边 缘 呈 现 更 加 尖锐 的 效果 。 soles ab :0 
多 不 透明 度 : 用 于 设置 火苗 的 透明 效果 ， 数 值 越 小 ， 火 焰 越 透明 。 as 于 


名 火焰 线条 (复杂 性 ) ; 该 选项 用 于 设置 构成 火焰 的 火苗 的 复杂 程度 ， 数 值 越 大 ， 
火苗 越 多 ， 火 焰 效 果 越 复杂 。 

总 火焰 底部 对 齐 ; 用 于 设置 构成 每 一 族 火 焰 的 火苗 底部 是 否 对 齐 。 数 值 越 小 ， 对 齐 
程度 越 高 ， 数 值 趟 大， 火苗 底部 越 分 散 。 
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图 12-263 


旬 技术 速 查 : 使 用 “图 片 框 ” 滤 镜 可 以 在 图 像 边 缘 添 加 各 种 风格 的 花纹 相框 。 


打开 一 张 图 片 ， 如 图 12-264 所 示 。 新 建 图 层 ， 执 行 “ 滤 镜 > 泻 染 > 图 片 框 ”命令 ， 在 弹出 的 对 话 框 中 可 以 在 “图 案 ” 列 


表 中 选择 一 个 合适 的 


图 案 样式 ， 接 着 可 以 在 下 方 进 行 图 案 上 的 颜色 以 及 细节 参数 的 设置 ， 如 


“确定 ”按钮 ， 效 果 如 图 12-266 所 示 。 


图 12-264 


图 12-265 所 示 。 设 置 完成 后 单 击 
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@ 技术 速 查 : 使 用 “ 树 ” 滤 镜 可 以 轻松 创建 出 多 种 类 型 的 树 。 
首先 选择 一 个 图 层 ， 执 行 “ 滤 镜 > 泻 染 > 树 ” 命 令 ， 在 弹出 的 对 话 框 中 单 击 “基本 树 类 型 ”列表 ， 在 其 中 可 以 选择 一 个 合 

适 的 树 型 ， 接 着 在 下 方 进行 参数 设置 ， 参 数 设置 效果 非常 直观 ， 只 需 尝试 调整 并 观察 效果 即 可 ， 如 图 12-267 所 示 。 调 整 完成 
后 单 击 “ 确 定 ” 按 钮 完成 操作 ， 效 果 如 图 12-268 所 示 。 


图 
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图 12-266 


图 12-268 


六 技术 速 查 : 使 用 “分 层 云彩 ” 滤 镜 可 以 将 云彩 数据 与 现 有 的 像素 以 “ 差 值 ”方式 进行 混合 (该 滤 镜 没有 参数 设置 对 


话 框 ) 。 


打开 一 张 图 片 ， 如 图 12-269 所 示 。 执 行 “ 滤 镜 > 泻 染 > 分 层 云彩 ”命令 ， 首 次 应 用 该 滤 镜 时， 图 像 的 某 些 部 分 会 被 反 相 成 


云彩 图 案 ， 效 果 如 


图 


12-270 所 示 。 
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种 光照 效果 。 


中 使 用 。 


可 以 直接 在 右 侧 进行 参数 调整 ， 如 图 12-272 所 示 。 
图 12-269 图 12-270 
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图 12-271 图 12-272 


EE 选 顶 解 污 ，“ 预 设 ” 选 项 
6 
9 


两 点 钟 方向 点 光 : 即 具有 中 等 强度 (17) 和 宽 焦 点 (91) 的 黄色 点 光 。 
蓝 色 全 光源 : 即 具有 全 强度 (85) 和 没有 焦点 的 高 处 蓝 色 全 光源 。 
圆 形 光 : 即 4 个 点 光 。“ 和 白色 ”为 全 强度 (100) 和 集中 焦点 (8) 的 点 光 。“ 黄 色 ” 为 强 强度 (88) 和 集中 焦点 


点 光 。“ 红 色 ” 为 中 等 强度 (50) 和 集中 焦点 (0) 的 点 光 。“ 蓝 色 ” 为 全 强度 (100) 和 中 等 焦点 (25) 的 点 光 。 


向 下 交叉 光 : 即 具有 中 等 强度 (35) 和 宽 焦 点 (100) 的 两 种 白色 点 光 。 
交叉 光 : 即 具有 中 等 强度 (35) 和 宽 焦 点 (69) 的 白色 点 光 。 

默认 : 即 具有 中 等 强度 (35) 和 宽 焦 点 (69) 的 白色 点 光 。 

五 处 下 射 光 /五 处 上 射 光 : 即 具有 全 强度 (100) 和 宽 焦 点 (60) 的 下 射 或 上 射 的 5 个 白色 点 光 。 

手电 简 : 即 具有 中 等 强度 (46) 的 黄色 全 光源 。 

喷涌 光 : 即 具有 中 等 强度 (35) 和 宽 (69) 的 白色 点 光 。 

平行 光 :; 即 具有 全 强度 (98) 和 没有 的 蓝 色 平行 光 。 

RGB 光 : 即 产生 中 等 强度 (60) 和 宽 焦 点 (96) 的 红色 、 蓝 色 与 绿色 光 。 

柔 化 直接 光 : 即 两 种 不 聚焦 的 白色 和 蓝 色 平行 光 。 其 中 白色 光 为 柔和 强度 (20) ， 而 蓝 色 光 为 中 等 强度 (67) 。 
和 柔 化 全 光源 : 即 中 等 强度 (50) 的 柔和 全 光源 。 

和 柔 化 点 光 : 即 具有 全 强度 (98) 和 宽 焦 点 (100) 的 白色 点 光 。 

三 处 下 射 光 : 即 具有 有 柔和 强度 (35) 和 宽 焦 点 (96) 的 右边 中 间 和 白色 点 光 。 

三 处 点 光 : 即 具有 轻微 强度 (35) 和 宽 焦 点 (100) 的 3 个 点 光 。 


估 技术 速 查 : 使 用 “光照 效果 ” 滤 镜 可 以 在 RGB 图 像 上 产生 多 


“光照 效果 ” 滤 镜 的 功能 相当 强大 ， 也 可 以 使 用 灰 度 文件 的 
凹凸 纹理 图 产生 类 似 3D 的 效果 ， 并 存储 为 自 定 样式 以 在 其 他 图 像 


(1) 执行 “ 滤 镜 > 泻 染 > 光照 效果 ”命令 ， 打 开 “ 光 照 效 
果 ” 窗 口 ， 如 图 12-271 所 示 。 在 选项 栏 的 “ 预 设 ”下 拉 列 表 中 包 
含 多 种 预 设 的 光照 效果 ， 选 中 某 一 项 即 可 更 改 当前 画面 效果 ， 也 


(5) 的， 


四 存储 : 若 要 存储 预 设 ， 需 要 选择 下 拉 列 表 中 的 “存储 ”选项 ， 在 弹出 的 窗口 中 选择 储存 位 置 并 命名 该 样式 ， 然 后 单 击 : 
“确定 ”按钮 。 看 储 的 预 设 包 含 每 种 光照 的 所 有 设置 ， 并 且 无 论 何 时 打开 图 像 ， 存 储 的 预 设 部 会 出 现在 “样式 ” 莱 ， 


加 载 入 若 要 载 入 预 设 ， 需 要 选择 下 拉 列 表 中 的 “ 载 入 ”选项 ， 在 弹出 的 窗口 中 选择 文件 并 单 击 “确定 ”按钮 即 可 。 

站 删除 ， 若 要 删除 预 设 ， 需 要 选择 该 预 设 并 选择 下 拉 列 表 中 的 “删除 ”选项 。 

仿 自 定 : 若 要 创建 光照 预 设 ， 需 要 从 “ 预 设 ” 下 拉 列 表 中 选择 “ 自 定 ”选项 ， 然 后 单 击 “ 光 照 ” 图 标 以 添加 点 光 、 点 测 
光 和 无 限 光 类 型 。 按 需要 重复 ， 最 多 可 获得 16 种 光照 。 


(2) 在 选项 栏 中 单 击 “ 光 照 ” 右 侧 的 按钮 即 可 快速 在 画面 中 添加 光源 ， 单 击 “ 重 置 当前 光照 ”按钮 吨 即 可 对 当前 光源 
进行 重 置 ， 如 图 12-273 一 图 12-275 所 示 分 别 为 3 种 光源 的 对 比 效果 。 
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图 12-273 图 12-274 图 12-275 
本 一 0 i | (3) 创建 光源 后 ， 在 “属性 ”面板 中 即 
| 选项 解读 ， 聚光灯 、 点 光 和 无 限 光 ;可 对 该 光源 进行 光源 类 型 和 参数 的 设置 ， 在 
| ;灯光 类 型 下 拉 列 表 中 可 以 对 光源 类 型 进行 更 


人 9 聚光灯 IE 天 投身 一 束 杭 国 形 的 光 柱 。 预算 窗口 中 的 线条 定义 光 。 | 
照 方向 和 朋 度 ， 而 手 栖 定 义 箭 转 边 缘 。 若 要 移动 光源 ， 需 要 在 外 。 ; 改 ， 如 图 12-276 所 示 。 
部 梢 国内 拖 动 光源 。 若 要 族 转 光源 需要 在 外 部 杭 国 外 拖 动 光源 。 。 


me e 


若 要 更 改 聚 光 角 度 ， 需 要 拖 动 内 部 精 国 的 边缘 。 若 要 扩展 或 收缩 。 : en 

梢 国 ， 需 要 拖 动 4 个 外 部 手柄 中 的 一 个 。 按 住 Shift 键 并 拖 动 ， 可 使 。 EE 

角度 保持 不 变 而 只 更 改 椭圆 的 大 小 。 按 住 Cinl 键 并 抑 动 ， 可 保持 大 。 ee 

小 不 变 并 更 改 光照 的 角度 或 方向 。 若 要 更 改 椭 加 中 光源 填充 的 强 ， 

度 ， 请 拖 动 中 心 部 位 强度 环 的 白色 部 分 。 本 部: 总 ] [区 
加 点 光 网 : 像 灯泡 一 样 使 光 在 图 像 正 上 方向 的 各 个 方向 照射 。 若 要 。 让 

移动 光源 ， 需 要 将 光源 拖 到 画布 上 的 任何 地 方 。 若 要 更 改 光 的 分 。 a E 

市 (通过 移动 光源 使 其 更 近 或 更 远 来 反射 光 ) ， 需 要 拖 动 中 心 部 ， 

位 强度 环 的 白色 部 分 。 | = : 
人 @ 无 限 光 咬 : 像 太 阳 一 样 使 光照 射 在 整个 平面 上 。 若 要 更 改 方向 ， ， : :2 

需要 拖 动 线段 末端 的 手柄 。 若 要 更 改 亮度 ， 需 要 拖 动 光照 控件 中 。 

心 部 位 强度 环 的 白色 部 分 。 i 

图 12-276 


aa 


名 强度 : 用 来 设置 灯光 的 光照 大 小 。 
名 颜色 : 单 击 后 面 的 颜色 图 标 ， 可 以 在 弹出 的 “选择 光照 颜色 ”对 话 框 中 设置 灯光 的 颜色 。 
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加 聚 光 : 用 来 控制 灯光 的 光照 范围 。 该 选项 只 能 用 于 聚光灯 。 

由 着 色 : 单 击 以 填充 整体 光照。 

名 曝光 度 : 用 来 控制 光照 的 曝光 效果 。 数 值 为 负 值 时 ， 可 以 减少 光照 ; 数值 为 正 值 时 ， 可 以 增加 光照 。 

加 光泽 : 用 来 设置 灯光 的 反射 强度 。 

名 金属 质感 : 用 于 设置 反射 的 光线 是 光源 色彩 还 是 图 像 本 身 的 颜色 。 该 数值 越 高 ， 反 射 光 越 接近 反射 体 本 身 的 颜色 ; 该 
数值 越 低 ， 反 射 光 越 接 近 光 源 颜 色 。 

名 环境 : 漫 射 光 ， 使 该 光照 如 同 与 室内 的 其 他 光照 (如 日 光 或 荧光 ) 相 结合 一 样 。 选 取 数 值 100 表 示 只 使 用 此 光源 ， 选 
取 数 值 -100 表 示 移 去 此 光源 。 

韶 纹理 : 在 下 拉 列 表 中 选择 通道 ， 为 图 像 应 用 纹理 通道 。 

全 高 度 : 启用 “纹理 ”后 ， 该 选项 才 可 以 用 。 用 于 控制 应 用 纹理 后 凸 起 的 高 度 ， 抑 动 “ 高 度 ” 滑 块 将 纹理 从 “平滑 ” (0) 
改变 为 “ 凸 起 ” (100) 。 


(4) 在 “光源 ”面板 中 显示 了 当前 场景 中 包含 的 光 

源 ， 如 果 需 要 删除 某 个 灯光 ， 单 击 “ 光 源 ” 面 板 右 下 角 

的 “删除 ”按钮 全 以 删除 光照 ， 如 图 12-277 所 示 。 二 
(5) 在 “光照 效果 ”工作 区 中 ， 使 用 “纹理 通道 


可 以 将 Alpha 通 道 添加 到 图 像 中 的 灰 度 图 像 来 控制 光照 效  @。 六 明光 2 

果 ， 如 图 12-278 所 示 。 从 “属性 ”面板 的 “纹理 ”下 拉 列 。,® <i 

表 中 选择 一 个 通道 ， 拖 动 “ 高 度 ” 滑 块 即 可 观察 画面 将 

以 纹理 所 选 通道 的 黑白 关系 发 生 从 “平滑 ” (0) 到 “ 凸 全 

起 ” (100) 的 变化 ， 如 图 12-279 所 示 ， 效 果 如 图 12-280 i 1 
所 示 。 
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图 12-279 图 12-280 


12.9.6 ”镜头 光量 


间 技术 速 查 : 使 用 “镜头 光 晕 ” 滤 镜 可 以 模拟 亮光 照射 到 相机 镜头 所 产生 的 折射 效果 。 
打开 一 张 图 像 ， 如 图 12-281 所 示 。 执 行 “ 滤 镜 > 演 染 > 镜 头 光 晕 ”命令 ， 在 画面 中 按 住 鼠 标 左 键 拖 动 十 字 光 标 可 以 移动 光 
源 的 位 置 ， 如 图 12-282 所 示 。 单 击 “ 确 定 ”按钮 ， 画 面 效 果 如 图 12-283 所 示 。 


图 12-282 


1: 在 该 窗口 中 可 以 确定 镜头 光 党 添加 的 位 置 。 
控制 镜头 光泽 的 亮度 ， 如 图 12-284 和 图 12-285 所 示 分 别 是 设置 “亮度 ” 值 为 80% 和 170% 时 的 效果 。 


图 12-284 图 12-285 


仿 镜头 类 型 : 用 来 选择 镜头 光 尝 的 类 型 ， 共 4 种 类 型 ， 包 括 “50-300 毫 米 变焦 ”“35 毫 米 聚 焦 ”“105 毫 米 聚 焦 ”“ 电 影 
镜头 ”， 如 图 12-286 所 示 。 


105 训 米 聚 焦 


图 12-286 


省 海滨 坟 广 得 鄞 放 洒 启 全 几 局 浊 


Dd 
2 
[el 
马 
2 
[e] 
已 
OO 
| 


In 薄 准 刁 


间 技术 速 查 : 使 用 “纤维 ” 滤 镜 可 以 根据 前 景色 和 背景 色 来 创建 类 似 编织 的 纤维 效果 。 

使 用 “纤维 ” 滤 镜 可 以 根据 前 景色 和 背景 色 为 颜色 制作 出 类 似 纤维 质感 的 效果 。 该 滤 镜 的 颜色 效果 只 取决 于 前 景色 和 背 
景色 ， 而 与 当前 图 像 无 关 。 新 建 图 层 ， 设 置 合适 的 前 景色 与 背景 色 ， 然 后 执行 “ 滤 镜 > 泻 染 > 纤维 ”命令 ， 在 弹出 的 “纤维 ” 
对 话 框 中 进行 参数 的 设置 ， 如 图 12-287 所 示 。 设 置 完 成 后 单 击 “确定 ”按钮 ， 效 果 如 图 12-288 所 示 。 


人 差异 :控制 颜色 变化 的 方式 。 

人 @ 强度 控制 纤维 外 观 的 明显 程度 。 | 

仿 随机 化 : 单 击 该 按钮 ， 可 以 随机 生成 新 ， 
的 纤维 效果 。 


图 12-287 图 12-288 


昌 技术 速 查 : 使 用 “云彩 ” 滤 镜 可 以 根据 前 景色 和 背景 色 随机 生成 云彩 
图 案 (该 滤 镜 没有 参数 设置 对 话 框 ) 。 
新 建 一 个 图 层 ， 设 置 合适 的 前 景色 与 背景 色 ， 然 后 执行 “ 滤 镜 > 泻 染 > 
云彩 ”命令 ， 效 果 如 图 12-289 所 示 。 


图 12-289 


.IE 


翁 视频 精 讲 : 使 用 Photoshop 新 手 学 视频 精 讲课 堂 \ 杂 色 滤 镜 组.fv 
则 技术 速 查 : 使 用 “添加 杂 色 ” 滤 镜 可 以 在 图 像 中 添加 随机 像素 . 也 可 以 用 来 修缮 图 像 中 经 过 重大 编辑 过 的 区 域 。 
杂 色 滤 镜 组 是 只 针对 条 色 的 一 些 特效 。 杂 色 滤 镜 组 包含 5 种 滤 镜 ， 分 别 是 “减少 杂 色 ”“ 蒙 尘 与 划 痕 ”“ 去 班 ”“ 添 
加 杂 色 ”“ 中 间 值 ”。 


12.10.1 减少 杂 色 

使 用 “减少 杂 色 ” 滤 镜 可 
以 保留 边缘 并 减少 图 像 中 的 杂 
色 。 打 开 一 张 图 片 ， 如 图 12-290 
所 示 。 执 行 “ 滤 镜 > 杂 色 > 减少 
杂 色 ”命令 ， 在 弹出 的 “减少 
杂 色 ”对 话 框 中 进行 参数 的 设 
置 ， 设 置 完成 后 单 击 “ 确 定 ” 
按钮 ， 如 图 12-291 所 示 ， 效 果 
如 图 12-292 所 示 。 


图 12-290 图 12-291 


韶 设置 在 下 拉 列 表 里 可 以 快速 选择 设置 好 的 
优 整体 ， 在 “整体 ”选项 卡 下 ， 可 以 对 主要 的 
全 强度 : 用 来 设置 应 用 于 所 有 图 像 通道 的 明亮 
名 保留 细节 : 用 来 控制 保留 图 像 的 边 综 和 细节 的 
名 减少 杂 色 : 移 去 随机 的 颜色 像素 。 数 值 越 大 ， 
全 锐 化 细节 : 用 来 设置 移 去 图 像 杂 色 时 锐 化 图 像 


间 移 去 JPEG 不 自然 感 : 选中 该 复 选 框 后 ， 可 以 


仿 阔 值 : 用 来 定义 像素 的 差异 有 多 大 才 被 视 为 条 点 。 数 值 越 高 ， 消 除 杂 点 的 能 力 越 弱 。 


人 选项 解读 : “减少 杂 色 ”高 级 选项 
选中 “高 级 ” 单 选 按钮 ， 然 后 选择 “每 通道 ”选项 卡 ， 
在 该 选项 卡 中 能 够 对 每 个 通道 进行 设置 ， 如 图 12-293 所 示 。 


al name ol 


wl] poonle 
“减少 杂 色 ” 基 < 证 
本 选项 


则 soowal lile 


© 
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数值 。 


br 区 贡 启 浊 


参数 进行 设置 。 
度 杂 色 的 减少 量 。 图 12-293 


程度 。 


减少 的 颜色 杂 色 越 多 。 使 用 “ 蒙 尘 与 划 痕 ” 滤 镜 可 以 去 除 图 像 中 的 杂 点 和 划 痕 。 
打开 一 张 图 片 ， 如 图 12-294 所 示 。 执 行 “ 滤 镜 > 杂 色 > 蒙 尘 与 划 
痕 ” 命 令 ， 在 弹出 的 “ 蒙 尘 与 划 痕 ”对 话 框 中 进行 参数 的 设 
置 ， 设 置 完成 后 单 击 “ 确 定 ” 按 钮 ， 如 图 12-295 所 示 ， 效 果 如 
图 12-296 所 示 。 


的 程度 。 


去 除 因 JPEG 压 缩 而 造成 的 不 自然 效果 。 


直入 (NJ 各 去 
亢 售 rm: 攻 一 ] Pi 


图 12-294 12-295 图 12-296 


J 选项 解读 : “ 蒙 尘 与 划 痕 ”对 话 框 详解 
多 半径 ， 用 来 设置 入 化 图 像 边 综 的 范围 。 
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(2 SY SA 


使 用 “去 斑 ” 滤 镜 会 自动 检测 画面 中 类 似 斑点 的 区 
域 ， 并 自动 处 理 这 部 分 斑点 以 达到 去 斑 的 目的 。 打 开 一 张 图 
片 ， 如 图 12-297 所 示 。 执 行 “ 滤 镜 > 杂 色 > 去 斑 ” 命 令 〈 该 滤 
镜 没有 参数 设置 对 话 框 ) ， 此 时 画面 效果 如 图 12-298 所 示 。 


12.10.4 添加 杂 色 
使 用 “添加 杂 色 ” 滤 镜 可 以 在 画面 中 添加 细小 的 杂 色 颗 


图 12-297 图 12-298 


粒 ， 常 用 来 制作 复古 、 怀 旧 的 画面 效果 。 打 开 一 张 图 片 ， 如 图 12-299 所 示 。 执 行 “ 滤 镜 > 杂 色 > 添加 杂 色 ”命令 ， 在 弹出 的 “ 添 
加 杂 色 ”对 话 框 中 进行 参数 的 设置 ， 设 置 完成 后 单 击 “ 确 定 ” 按 钮 ， 如 图 12-300 所 示 ， 效 果 如 图 12-301 所 示 。 


TheLand of Clean 


[选项 解读 “添加 杂 色 ”对 话 框 详解 
四 数量 :用 来 设置 添加 到 图 像 中 的 杂 点 的 数量 。 


TheLand of Clean 


图 12-300 图 12-301 


外 分 布 : 选中 “平均 分 布 ” 单 选 按钮 ， 可 以 随机 向 图 像 中 添加 杂 点 ， 杂 点 效果 比较 柔和 ; 选中 “高 斯 分 布 ” 单 选 按钮 ， 
可 以 沿 一 条 钟 形 曲线 分 布 杂 色 的 颜色 值 ， 以 获得 斑点 状 的 杂 点 效果 。 
全 单 色 : 选中 该 复 选 框 后 ， 杂 点 只 影响 原 有 像素 的 亮度 ， 并 且 像素 的 颜色 不 会 发 生 改 变 。 


妈 案例 实战 一 一 打造 胶片 相机 效果 | 
文件 路 径 。 ”第 12 阐 \ 打 造 胶片 相机 效果 EN 让 

难 易 指数 。。 窗 遍 官 窜 窜 

案例 效果 

本 案例 主要 通过 新 建 调整 图 层 调整 画面 
的 效果 ， 最 后 通过 “画笔 工具 ”制作 画面 的 
裕 角 效果 ， 案 例 对 比 效果 如 图 12-302 和 图 12-303 所 示 。 


图 12-502 


大 执行 “文件 > 打开 ”命令 ， 打 开 背景 素材 “1jpg”， 
如 图 12-304 所 示 。 

配 执行 “图 层 > 新 建 调整 图 层 > 亮 度 /对 比 度 ”命令 ,在 
弹出 的 “新 建 图 层 ” 对 话 框 中 单 击 “ 确 定 ” 按 钮 ， 创 建新 的 
“亮度 /对 比 度 ”调整 图 层 ， 接 着 在 “属性 ”面板 中 设置 “对 
比 度 ” 为 100， 如 图 12-305 所 示 ， 效 果 如 图 12-306 所 示 。 


图 12-304 图 12-305 


图 12-306 


区 执行 “图 层 > 新 建 调整 图 层 > 色 相 /饱和 度 ” 命 令 ， 在 弹出 的 “新 建 图 层 ” 对 话 框 中 单 击 “ 确 定 ”按钮 ， 创 建新 的 “ 色 
相 /饱和 度 ” 调 整 图 层 ， 在 “属性 ”面板 中 设置 “饱和 度 ” 为 21， 如 图 12-307 所 示 ， 效 果 如 图 12-308 所 示 。 


留 执行 “图 层 > 新 建 调 整 图 层 > 可 选 颜色 ”命令 ， 在 弹出 的 “新 建 图 层 ” 对 话 框 中 单 击 “ 确 定 ”按钮 。 创 建新 的 “可 选 颜 
色 ” 调 整 图 层 ， 在 “属性 ”面板 中 设置 “颜色 ”为 “白色 ”， 调 整 其 “ ”为 100， 如 图 12-309 所 示 ; 设置 “颜色 ”为 “ 黑 
色 ”， 调 整 其 “洋红 ”为 32，“ 黄 色 ” 为 -16，“ 黑 色 ” 为 4， 如 图 12-310 所 示 。 此 时 画面 暗部 倾向 于 紫色 ， 如 图 12-311 所 示 。 
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Re 让 He: [ ] 
We:[ Se We; 国友 ] 
We 5 We 一 
Fe | 
3 p 到: [wm 
| 
DH 口 if tm Om 
~ ls mwas | 
图 12-3507 图 12-508 图 12-509 图 12-510 
了 项 执行 “图 层 > 新 建 调整 图 层 > 照片 滤 镜 ”命令 ， 在 弹出 的 “新 建 图 层 ” 对 话 框 中 单 击 “ 确 定 ” 按 钮 ， 创 建新 的 “照片 


滤 镜 ”调整 图 层 ， 在 “属性 ”面板 中 设置 类 型 为 “颜色 ”，“ 浓 度 ” 为 36%， 如 图 12-312 所 示 。 使 画面 整体 倾向 于 淡 橙色 的 


暖 调 效果 ， 效 果 如 图 12-313 所 示 。 


| 
图 12-311 图 12-312 


了 BB 执行 “图 层 > 新 建 调 整 图 层 > 色相 /饱和 度 ” 命 令 ， 在 弹出 的 “新 建 图 层 ” 
板 中 设置 全 图 的 “饱和 度 ” 为 16， 如 图 12-314 所 示 ; 设置 通道 为 “红色 ”， 调 整 


图 12-313 


对 话 框 中 单 击 “ 确 定 ” 按 钮 。 在 “属性 ” 面 
其 “色相 ”为 -8，“ 明 度 ” 为 -9， 如 图 12-315 
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所 示 ; 设置 通道 为 “绿色 ”， 


“饱和 度 ” 为 -73， 如 图 12-316 所 示 ; 设置 通道 为 “青色 ”， 调 整 其 “饱和 度 ” 为 51， 如 图 12-317 
所 示 ; 设置 通道 为 “ 蓝 色 ”， 调 整 其 “色相 ”为 -24， 如 图 12-318 所 示 ， 效 果 如 图 12-319 所 示 。 
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图 12-314 


区 为 了 模拟 胶片 相机 拍摄 效果 ， 


图 12-315 图 12-316 


下 面 需 要 为 图 像 添加 颗粒 状 杂 色 。 创 建新 图 层 ， 填 充 为 黑色 。 执 行 “ 


图 12-317 图 12-318 


滤 镜 > 杂 色 > 添加 


杂 色 ”命令 ， 在 弹出 的 “添加 杂 色 ”对 话 框 中 ， 设 置 “ 数 量 ” 为 8%， 选 中 “高 斯 分 布 ” 单 选 按钮 。 设 置 完成 后 单 击 “ 确 定 ” 


按钮 ， 如 图 12-320 所 示 。 


风 在 “图 层 ”面板 中 选中 该 图 层 ， 设 置 “ 混 合 模式 ”为 “ 滤 色 ”， 如 图 12-321 所 示 。 此 时 照片 上 出 现 彩色 的 杂 点 效 


果 ， 如 图 12-322 所 示 。 


图 12-319 


图 12-320 


了 新 建 图 层 ， 设 置 前 景色 为 黑色 ， 选 择 工具 箱 中 的 “画笔 工具 ”， 选 


栏 中 设置 画笔 的 “不 透明 度 ” 


”， 并 设置 “流量 ”为 70%， 设 置 完毕 后 在 画面 史 
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图 12-321 


择 一 个 合适 大 小 的 黑色 和 柔 边 圆 画笔 ， 接 着 在 选项 


角 绘 制 ， 模 拟 暗 角 效 果 ， 如 图 12-323 所 示 。 


如 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 将 素材 “2.png” 置 入 文档 内 ， 将 其 放置 在 画面 中 适当 的 位 置 并 栅 格 化 ， 案 例 最 


终 效 果 如 图 12-324 所 示 。 


图 12-322 


图 12-323 


图 12-324 


使 用 “中 间 值 ” 滤 镜 可 以 搜索 像 
素 选区 的 半径 范围 以 查找 亮度 相近 的 像 


素 ， 并 且 会 去 除 与 相 邻 像素 差异 太 大 的 
像素 ， 然 后 用 搜索 到 的 像素 的 中 间 亮度 

值 来 普 换 中 心 像素 。 打 开 一 张 图 片 ， 如 ' 

图 12-325 所 示 。 执 行 “ 滤 镜 > 杂 色 > 中 间 六 

值 ” 命令， 在 弹出 的 “中 间 值 ”对 话 框 中 

设置 “半径 ”为 16 像 素 ，“ 半 径 ” 选 项 用 

于 设置 搜索 像素 选区 的 半径 范围 。 设 置 完 9 


成 后 单 击 “确定 ”按钮 ， 如 图 12-326 所 
示 ， 效 果 如 图 12-327 所 示 。 图 12-325 图 12-326 图 12-327 


2 EE 
py 


全 视频 精 讲 : Photoshop 新 手 学 视频 精 讲课 堂 \“ 其 它 ” 渡 镜 组 -flv 
其 它 滤 镜 组 包含 5 种 滤 镜 ， 分 别 是 “HSB/HSL”“ 高 反差 保留 ”“ 位 移 ”“ 自 定 ”“ 最 大 值 ”“ 最 小 值 ”。 


赐 技术 速 查 : 使 用 HSB/HSL 滤 镜 可 以 实现 RGB 
到 HSL (色相 、 饱 和 度 、 明 度 ) 的 相互 转换 ， 
也 可 以 实现 从 RGB 到 HSB (色相 、 饱 和 度 、 亮 HSB/HSL 参 下 
度 ) 的 相互 转换 。 和 模式 和 F:  ( 
打开 一 张 图 片 ， 如 图 12-328 所 示 。 执 行 “ 滤 镜 > | 赔 洛 
其 它 >HSB/HSL” 命 令 ， 打 开 “HSB/HSL 参 数 ” 对 


话 框 ， 如 图 12-329 所 示 。 接 着 进行 参数 设置 ， 然 后 
单 击 “ 确 定 ”按钮 ， 画 面 效果 如 图 12-330 所 示 。 图 12-328 图 12-329 图 12-330 


@ 技术 速 查 : 使 用 “高 反差 保留 ” 滤 镜 可 以 在 具有 强烈 颜色 变化 的 地 方 按 指 定 的 半径 来 保留 边缘 细节 ， 并且 不 显示 图 像 的 
其 余部 分 。 
打开 一 张 图 片 ， 如 图 12-331 所 示 。 执 行 “ 滤 镜 > 其 它 > 高 反差 保留 ”命令 ， 在 弹出 的 “高 反差 保留 ”对 话 框 中 设置 “ 半 
径 ” 为 20 像 素 ，“ 半 径 ” 选 项 用 来 设置 滤 镜 分 析 处 理 图 像 像 素 的 范围 ， 数 值 越 大 ， 所 保留 的 原始 像素 就 越 多 。 设 置 完成 后 单 
击 “ 确 定 ”按钮 ， 如 图 12-332 所 示 ， 效 果 如 图 12-333 所 示 。 


图 12-331 图 12-332 图 12-333 
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@ 技术 速 查 使 用 : 使 用 “位 移 ” 滤 镜 可 
以 在 水 平 或 垂直 方向 上 偏 移 图 像 。 
打开 一 张 图 片 ， 如 图 12-334 所 示 。 执 行 

“ 滤 镜 > 其 它 > 位 移 ” 命 令 ， 在 弹出 的 “位 

移 ” 对 话 框 中 进行 参数 设置 ， 如 图 12-335 所 
示 。 参 数 设置 完成 后 单 击 “ 确 定 ” 按 钮 ， 
画面 效果 如 图 12-336 所 示 。 


[| 选项 解读 : 


区 域 填充 溢出 图 像 之 外 的 图 像 内 容 。 


章 技术 速 查 : 使 用 “ 自 定 ” 滤 镜 可 以 根据 预定 义 的 “ 卷 积 ” 数 
学 运算 来 更 改 图 像 中 每 个 像素 的 亮度 值 。 
使 用 “ 自 定 ” 滤 镜 可 以 设计 用 户 自己 的 滤 镜 效果 。 该 滤 镜 可 

以 根据 预定 义 的 “ 卷 积 ”数学 运算 来 更 改 图 像 中 每 个 像素 的 亮度 


值 。 执 行 “ 滤 镜 > 其 它 > 自 定 ”命令 即 可 打开 “ 自 定 ” 


图 12-337 所 示 。 


“位 移 ”对 话 框 详解 
全 水 平 : 用 来 设置 图 像 像素 在 水 平方 向 上 的 偏 移 距离 。 
名 焉 直 : 用 来 设置 "图像 像 素 在 笃 直 方向 上 的 偏 移 距离 。 
全 未 定义 区 域 : 用 来 选择 图 像 发 生 偏 移 后 填充 空白 区 域 的 方式 。 选 中 “设置 为 背景 ” 单 选 按钮 ， 可 用 背景 色 填充 空 款 区 
域 ; 选中 “重复 边缘 像素 ” 单 选 按钮 ， 可 在 空 献 区 域 填充 担 曲 边缘 的 像素 颜色 ; 选中 “ 折 回 ” 单 选 按钮 ， 可 在 空 妇 


对 话 框 ， 如 


PW): Eo 一] 名 未 右 5 (入 主 ) 


二 Wy E00] ey 于 
B20 
笠 定 X 区 二 
设 二 为 有 果 (6) 
和 更 过 过 生 素 人 


图 12-337 


翁 技术 速 查 : 使 用 “最 大 值 ” 滤 镜 可 以 在 指定 的 半径 范围 内 . 用 周围 像素 的 最 大 亮度 值 蔡 换 当前 像素 的 亮度 值 。 


“最 大 值 ” 滤 镜 具有 阻塞 功能 ， 可 以 展开 白色 


区 域 阻塞 黑色 


区 域 。 打 开 一 张 图 片 ， 如 图 12-338 所 示 。 执 行 “ 滤 镜 > 其 它 > 


最 大 值 ”命令 ， 在 弹出 的 “最 大 值 ”对 话 框 中 进行 参数 的 设置 ， 设 置 完成 后 单 击 “ 确 定 ” 按 钮 ， 如 图 12-339 所 示 ， 效 果 如 


图 12-340 所 示 。 


图 12-558 


图 12-339 


图 12-340 


设置 用 周围 像素 的 最 高 亮度 值 来 替换 当前 像素 的 亮度 值 的 范围 。 
在 下 拉 列 表 里 包括 “方形 ”和 “国度 ”两 个 选项 。 


12.11.6 最 小 值 
间 技术 速 查 最 小 值 ” 滤 镜 具有 伸展 功能 ,可 以 扩展 黑色 区 域 . 而 收缩 白色 区 域 

打开 一 张 图 片 ， 如 图 12-341 所 示 。 执 行 “ 滤 镜 > 其 它 > 最 小 值 ”命令 ， 在 弹出 的 “最 小 值 ”对 话 框 中 进行 参数 的 设置 ， 设 
置 完成 后 单 击 “ 确 定 ”按钮 ， 如 图 12-342 所 示 ， 效 果 如 图 12-343 所 示 。 


图 12-341 图 12-342 图 12-343 


b 综合 实战 一 一 旅行 产品 详情 展示 页 面 


文件 路 径 。 。 第 12 章 \ 旅 行 产品 详情 展示 页 面 I 码 看 视频 
准 易 指数 。 。 计 训 计 丰 宫 


案例 效果 
案例 效果 如 图 12-344 所 示 。 


7 读书 笔记 


图 12-544 


12.12.1 项 目 分 析 


这 是 一 款 旅行 产品 的 详情 展示 页 面 ， 产 品 详情 页 会 对 用 户 的 购买 行为 产生 直接 的 影响 ， 本 页 面 采用 图 文 结合 的 方式 ， 上 
图 下 文 ， 内 容 罗列 清晰 。 文 字 底 色 选 择 了 相对 浓郁 的 颜色 ， 文 字 则 采用 白色 ， 给 人 一 种 神秘 、 高 贵 之 感 。 图 文 结合 是 各 类 商 
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品 展示 的 常见 方式 ， 直 观 而 美观 。 如 图 12-345 和 图 12-346 所 示 为 优秀 的 界面 设计 作品 。 
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图 12-3545 图 12-346 


该 详情 界面 以 摄影 图 片 结合 文字 的 形 
式 出 现 ， 充 分 利用 图 片 本 身 的 特点 展现 产品 
特性 ， 提 升 景点 吸引 力 ， 增 强 用户 阅 读 的 趣 
味 性 。 若 想 了 解 该 产品 相关 内 容 ， 可 以 单 击 
底部 文字 ， 此 时 该 产品 的 详细 介绍 将 映 入 眼 
帘 ， 同 时 在 页 面 的 右 侧 设 有 快捷 支付 通道 按 
钮 ， 不 仅 能 够 激发 用 户 的 消费 欲望 ， 促 使 用 
户 下 单 ， 还 降低 了 购物 渠道 的 烦琐 性 ， 从 而 
节约 消费 者 的 时 间 。 如 图 12-347 和 图 12-348 
所 示 为 优秀 的 界面 设计 作品 。 


本 


该 页 面 上 部 使 用 暖色 调 摄影 图 片 ， 下 
部 使 用 颜色 较 纯 的 洋红 色 和 蓝 色 作为 文字 
背景 ， 这 种 搭配 更 具 视觉 冲击 力 ， 而 底 色 之 


上 的 文字 以 白色 呈现 ， 较 好 地 调和 了 两 种 浓 
郁 颜色 搭配 ， 使 版 面 更 透气 ， 如 图 12-349 和 国人 


0 BM 


1- 制作 详情 展示 页 面 


(1) 创建 一 个 新 的 文档 。 执 行 “ 文 件 > 
置 入 嵌入 对 象 ”命令 ， 在 弹出 的 对 话 框 中 选择 “1:jpg”， 单 击 “ 置 入 ”按钮 。 将 光标 放 在 素材 一 角 处 ， 按 住 Shift 键 的 同时 按 
住 鼠 标 左 键 拖 动 ， 等 比例 放大 该 素材 ， 如 图 12-351 所 示 。 调 整 完成 后 按 Enter 键 完成 置 入 。 在 “图 层 ” 面 板 中 右 击 该 图 层 ， 在 
弹出 的 快捷 菜单 中 执行 “ 栅 格 化 图 层 ”命令 ， 如 图 12-352 所 示 。 
(2) 制作 模糊 的 背景 效果 。 执 行 “ 滤 镜 > 模糊 > 高 斯 模糊 ”命令 ， 在 弹出 的 “高 斯 模糊 ”对 话 框 中 设置 “半径 ”为 26 像 
素 ， 设 置 完成 后 单 击 “ 确 定 ” 按 钮 ， 如 图 12-353 所 示 ， 此 时 效果 如 图 12-354 所 示 。 


图 12-347 图 12-348 


图 12-350 
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图 12-351 图 12-352 图 12-353 
(3) 绘制 左 侧 页 面 背景 。 在 工具 箱 中 右 击 形状 工具 组 ， 在 形状 工具 组 列表 中 选择 “ 圆 角 甜 形 工具 ”， 在 选项 栏 中 设置 
“绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 洋红 色 ，“ 描 边 ”为 无 ，“ 半 径 ” 为 10 像 素 ， 设 置 完 成 后 在 画面 左 侧 按 住 鼠标 左 键 拖 
动 进 行 绘制 ， 如 图 12-355 所 示 。 
(4) 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 置 入 素材 “2.jpg”， 将 光标 放 在 素材 一 角 处 ， 按 住 Shift 键 的 同时 按 住 鼠 标 左 
键 拖 动 ， 等 比例 缩放 该 素材 “2.jpg”， 捍 放 在 圆 角 和 矩形 上 部 位 置 ， 按 Enter 键 完成 置 入 操作 ， 如 图 12-356 所 示 。 接 着 将 其 栅 格 
化 ， 如 图 12-357 所 示 。 
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图 12-354 图 12-355 图 12-356 


(5) 将 图 片 嵌入 背景 中 。 单 击 素材 2 图 层 ， 在 “图 层 ”面板 中 设置 该 图 层 的 “不 透明 度 ” 为 40%， 如 图 12-358 所 示 ， 此 
时 画面 如 图 12-359 所 示 。 

(6) 选择 工具 箱 中 的 “钢笔 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “路 径 ”， 接 着 沿 洋红 色 背 景 外 轮廓 绘制 路 径 ， 
如 图 12-360 所 示 。 路 径 绘制 完成 后 按 Ctrl+Enter 快 捷 键 ， 快 速 将 路 径 转换 为 选区 ， 如 图 12-361 所 示 。 
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图 12-357 图 12-358 图 12-359 图 12-360 
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(7) 在 “图 层 ”面板 中 单 击 选中 素材 2 图 层 ， 在 保持 当 : 示 。 填 充 完成 后 按 Ctrl+D 快 捷 键 快速 取消 选区 。 
前 选区 的 状态 下 单 击 “ 图 层 ” 面 板 底部 的 “添加 图 层 蒙 版 ” | 
按钮 ， 以 当前 选区 为 该 图 层 添加 图 层 蒙 版 。 选 区 以 内 的 部 分 于 
为 显示 状态 ， 选 区 以 外 的 部 分 被 隐藏 。 然 后 将 “不 透明 度 Pa mornae® 
调整 为 100%， 此 时 蒙 版 效果 如 图 12-362 所 示 ， 画 面 效果 如 E 案 ~ 大 i 明度 : [00%] ~ 
图 12-363 所 示 。 说 :图 4 中 村 自 境 t: 100% 
(8) 在 形状 工具 组 列表 中 选择 “ 圆 角 矩形 工具 ”， 在 


@ B= | 2 


他 图 角 答 H 1 
后 


选项 栏 中 设置 “绘制 模式 ”为 “路 径 ”，“ 半 径 ” 为 60 像 
素 ， 设 置 完成 后 在 图 片 右 下 方 按 住 鼠 标 左 键 拖 动 进行 绘制 ， 
如 图 12-364 所 示 。 路 径 绘制 完成 后 按 Ctrl+Enter 快 捷 键 将 路 
径 转换 为 选区 ， 然 后 将 其 前 景色 设置 为 较 深 的 洋红 色 ， 使 用 
填充 前 景色 快捷 键 Alt+Delete 进 行 快速 填充 ， 如 图 12-365 所 图 12-361 图 12-362 


站 本 :年 - 辣 | MM 晤 ke 性 心 柜 下 辐 
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图 12-363 图 12-364 图 12-365 

(9) 删除 圆 角 拢 形 右 侧 部 分 。 选 中 圆 角 矩形 图 层 ， 选 择 “ 拢 形 选 框 工具 ”， 在 圆 角 抱 形 右 侧 绘制 一 个 矩形 选区 ， 如 图 12-366 
所 示 。 然 后 按 Delete 键 将 框 选 住 的 内 容 删 掉 ， 如 图 12-367 所 示 ， 最 后 按 Ctrl+tD 快 捷 键 快速 取消 选区 。 

(10) 在 圆 角 矩形 上 方 绘制 圆 形 形状 。 在 形状 工具 组 中 选择 “椭圆 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”， 
“填充 ”为 白色 ，“ 描 边 ” 为 无 ， 然 后 按 住 Shift 键 在 画面 中 绘制 正 圆 ， 如 图 12-368 所 示 。 选 择 工 具 箱 中 的 “ 横 排 文字 工 
具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 设 置 文字 颜色 为 洋红 色 ， 设 置 完毕 后 在 白色 圆 形 上 单 击 插入 光标 ， 接 着 输入 文 
字 ， 如 图 12-369 所 示 。 文 字 输 入 完毕 后 按 Ctrl+Enter 快 捷 键 退出 文字 编辑 。 
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图 12-366 图 12-367 图 12-368 


(11) 用 同样 的 方法 ， 继 续 使 用 “ 横 排 文字 工具 ”在 画面 中 字母 右 侧 输 入 合适 的 文字 ， 并 在 选项 栏 中 设置 合适 的 字体 、 
字号 及 颜色 ， 如 图 12-370 所 示 。 
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图 12-369 


图 12-370 


(12) 在 工具 箱 中 右 击 形状 工具 组 ， 在 形状 工具 组 列表 
设置 “给 制 模式 ”为 


中 选择 “ 自 定形 状 工具 ”， 在 选项 栏 
“形状 ，”“ 填 充 ” 为 白色 ，“ 描 5 无 ， 单 击 打开 “ 自 
定形 状 ” 拾 色 器 ， 选 择 “箭头 9” 形 状 ， 在 画面 中 按 住 鼠 标 


中 


左 键 拖 动 绘制 ， 如 图 12-371 所 示 。 然 后 使 用 自由 变换 快捷 键 : 


CtltT， 此 时 对 象 进入 自由 变换 状态 ， 将 光标 定位 到 定 界 框 以 


外 ， 当 光标 变 为 带 有 弧度 的 双 箭头 时 ， 按 住 鼠 标 左 键 并 拖 动 进 | 


行 旋转 ， 如 图 12-372 所 示 。 旋 转 完成 后 按 Enter 键 执行 此 操作 。 
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图 12-371 
(13) 按 上 述 同 样 的 方法 ， 继 续 使 用 “ 横 排 文字 工具 
在 页 面 下 方位 置 输入 合适 的 文字 ， 并 在 选项 栏 中 设置 合适 的 


字体 、 字 号 及 颜色 ， 如 图 12-373 所 示 。 此 时 左 侧 页 面 绘制 完 


i 成 ， 如 图 12-374 所 示 。 
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图 12-372 
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图 12-373 


图 12-374 


(1) 在 “图 层 ” 面 板 中 单 击 选中 洋红 色 


角 和 矩形 图 


i 层 ， 使 用 复制 图 层 快捷 键 Ctrl+J 复 制 出 一 个 相同 的 图 层 。 将 


复制 的 图 层 移 至 画面 的 右 侧 ， 然 后 设置 “填充 ”为 蓝 紫 色 ， 


; 效果 如 图 12-375 所 示 。 
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(2) 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 置 入 素材 “3.jpg”， 接 着 将 其 移 至 蓝 紫 色 圆 角 和 矩形 的 上 方 ， 适 当 进行 缩放 ， 然 
后 按 Enter 键 确定 置 入 操作 ， 最 后 将 该 图 层 栅 格 化 ， 如 图 12-376 所 示 。 

(3) 让 图 片 嵌入 圆 角 矩 形 背景 中 。 单 击 选择 “素材 3 ”所 在 的 图 层 ， 在 “图 层 ” 面 板 中 设置 该 图 层 的 “不 透明 度 ” 为 
40%， 如 图 12-377 所 示 ， 此 时 画面 如 图 12-378 所 示 。 
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图 12-375 图 12-376 图 12-377 
(4) 选择 “钢笔 工具 ”， 设 置 “ 绘 制 模式 ”为 “路 径 ”， 接 着 沿 蓝 紫色 背景 外 轮廓 绘制 路 径 ， 如 图 12-379 所 示 。 路 径 绘 
制 完成 后 按 Ctrl+Enter 快 捷 键 ， 快 速 将 路 径 转 换 为 选区 ， 如 图 12-380 所 示 。 
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图 12-378 图 12-379 图 12-380 


(5) 在 “图 层 ” 面 板 中 单 击 选中 素材 “3” 
图 层 ， 在 保持 当前 选区 的 状态 下 单 击 “ 图 层 " 面板。 2 
底部 的 “添加 图 层 蒙 版 ”按钮 ， 以 当前 选区 为 该 图 Fa Er 
层 添加 图 层 蒙 版 。 选 区 以 内 的 部 分 为 显示 状态 , 选 。 包 : 罩 /二 守 :: 0% ~ 
区 以 外 的 部 分 被 隐藏 。 然 后 将 “不 透明 度 ”调整 为 ” 。 图 | ” 下 
100%， 此 时 蒙 版 效果 如 图 12-381 所 示 ， 画 面 效 果 | |: 


如 图 12-382 所 示 。 =” Em 
(6) 在 蓝 紫色 背景 右 侧 制作 贺 角 和 矩形。 选择 = AD] o.oo 
“ 贺 角 矩形 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ” 
为 “形状 ，”“ 填 充 ”为 蓝 紫色 ,“ 描 边 ”为 无， De ee 


“半径 ”为 60 像 素 ， 设 置 完成 后 在 蓝 紫色 背景 右 侧 按 住 鼠 标 左 键 拖 动 绘制 ， 如 图 12-383 所 示 。 接 着 单 击 该 圆 角 矩 形 的 “属性 ” 
面板 ， 单 击 “链接 ”按钮 ， 取 消 将 角 半 径 值 连接 在 一 起 ， 然 后 设置 “右上 角 半 径 ” 和 “ 右 下 角 半 径 ” 同 为 0 像素 ， 如 图 12-384 
所 示 ， 此 时 圆 角 和 矩形 效果 如 图 12-385 所 示 〈 也 可 以 将 之 前 制作 好 的 界面 元 素 复 制 并 移 到 合适 位 置 ， 更 改 其 颜色 ) 。 

《7) 使 用 自由 变换 快捷 键 Ctrl+T， 此 时 对 象 进入 自由 变换 状态 ， 将 光标 定位 到 定 界 框 右 侧 锚 点 处 ， 按 住 鼠 标 左 键 并 向 右 


可 


侧 拖 动 ， 如 图 12-386 所 示 。 接 着 按 Enter 键 完成 操作 ， 此 时 贺 
角 拢 形 效果 如 图 12-387 所 示 。 
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图 12-384 图 12-385 


图 12-586 


(8) 选中 工具 箱 中 的 “椭圆 工具 ”， 在 选项 栏 中 设置 
“ 盾 色 ”为 白色 ， 然 后 在 紫色 图 形 上 绘制 一 个 正 圆 ， 效 果 如 : 
图 12-388 所 示 。 选 择 工 具 箱 中 的 “ 横 排 文 字 工 具 ”， 在 选项 : 
栏 中 设置 合适 的 字体 、 字 号 ， 设 置 文字 颜色 为 蓝 紫 色 ， 设置 
完毕 后 在 画面 中 的 圆 形 上 单 击 ， 接 着 输入 文字 ， 如 图 12-389 


所 示 ， 文 字 输入 完毕 后 按 Ctrl+Enter 快 捷 键 完成 操作 。 
(9) 用 同样 的 方法 ， 继 续 使 用 “ 横 排 文字 工具 ”在 画 
面 中 其 他 位 置 输入 合适 的 文字 ， 并 在 选项 栏 中 设置 合适 的 


体 、 字 号 及 颜色 。 此 时 右 侧 页 面 绘制 完成 ， 效 果 如 图 12-390 


， 案 例 完成 的 最 终 效果 如 图 12-391 所 示 。 
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“ 抠 图 ”顾名思义 就 是 从 一 个 画面 中 “ 抠 出 ”提取 ) 
第 一 种 方式 是 把 画面 中 不 需要 的 区 域 删除 ， 这 时 可 以 使 用 “魔术 橡皮 擦 工具 ”“ 背 景 橡皮 擦 工 具 ” 等 擦 除 类 工具 对 多 余 区 
如 图 13-1 一 图 13-3 所 示 。 
第 二 种 方法 则 是 规定 一 个 需要 提取 的 区 域 ， 然 后 将 这 部 分 单独 复制 或 保留 出 来 。 那 么 第 二 科 
， 如 图 13-4 所 示 。 得 到 了 主体 物 的 选区 后 可 以 将 选区 以 内 的 部 分 复制 并 


域 进行 快捷 的 “删除 ”， 


域 ” 其 实 就 是 “选区 ” 


图 13-1 


图 13-2 


图 13-3 图 13-4 


一 部 分 图 像 。 那 么 这 个 “ 抠 ” 的 过 程 


方法 中 所 说 的 这 个 “ 


主要 可 以 分 为 两 种 方式 ; 


由 


办 


粘贴 为 独立 图 层 ， 如 图 13-5 
所 示 。 也 可 以 制作 背景 部 分 的 选区 并 将 选区 中 的 背景 部 分 进行 删除 ， 这 都 能 够 实现 “ 抠 图 ”的 目的 。 


图 13-5 


想 要 进行 抠 图 首先 需要 对 要 “ 抠 ” 的 对 象 进行 分 析 ， 因 为 Photoshop 中 有 很 多 种 抠 图 方法 ， 不 同 的 图 像 类 型 使 用 不 同 
的 方法 才能 够 更 快 更 好 地 抠 出 图 像 。 本 章 将 抠 图 技法 概括 为 “基于 颜色 进行 抠 图 ” 
抠 图 ”三 大 类 ， 接 下 来 我 们 就 一 起 了 解 一 下 它们 吧 ! 


“钢笔 工具 进行 精确 抠 图 ”以 及 “通道 


13.2.1 快速 选择 工具 


使 用 “快速 选择 工具 ”以 .可 以 快速 地 在 图 片 中 提取 色差 较 明 显 、 对 比 度 较 大 的 部 
令 ， 任 意 调 整 选 区 范围 。“ 快 速 选择 工具 ” 


(1) 选择 一 个 普通 图 层 ， 
es “快速 选择 工 
”按钮 以 ， 在 选项 栏 中 设 
re 为 “添加 到 选 
区 ”图 ,设置 合适 的 笔尖 大 小 
( 活 拓 大 小 光 定 也 于 人 轩 的 
大 小 ) ， 设 置 完 后 在 画面 中 按 
住 鼠标 左 键 并 拖 动 ， 此 时 软件 
会 自动 识别 鼠标 经 过 的 轨迹 及 
图 像 中 的 颜色 分 布 和 边缘 状况 
自动 创建 选区 形状 ， 如 图 13-6 所 
示 。 继 续 沿 着 背景 的 部 分 拖 电 
得 到 其 选区 ， 如 图 13-7 所 示 。 
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图 13-7 


， 并 且 可 以 通过 添加 以 及 减 去 选区 命 
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| 选择 “快速 选择 工具 ”后 ， 将 光标 移 到 画面 中 ， 可 以 看 到 光标 上 有 一 个 十 字形 的 标志 ， 就 像 是 一 个 准星 。 这 个 标志 
| 代表 着 以 十 字 标志 所 在 位 置 的 颜色 为 基准 进行 选区 的 选择 。 所 以 ， 在 使 用 “快速 选择 工具 ”时 ， 光 标 中 的 十 字 标 志 不 能 划 


(2) 如 果 在 绘制 选区 的 过 程 中 出 现 多 余 的 部 分 ， 那 么 可 以 单 击 选项 栏 中 的 “从 选区 中 减 去 ”按钮 国 ， 并 在 多 余 的 区 域 


涂抹 即 可 去 除 多 余 的 选区 ， 如 图 13-8 所 示 。 按 Delete 键 删除 背景 ， 并 更 换 新 的 背景 ， 效 果 如 图 13-9 所 示 〈 如 果 选 中 的 图 层 为 背 
景 图 层 ， 则 需要 按 住 Alt 键 双击 背景 图 层 ， 将 背景 图 层 转 换 为 普通 图 层 后 ， 再 按 Delete 键 删除 背景 ) 。 
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图 13-8 图 13-9 


“ 魔 棒 工 具 ” 是 对 图 片 进行 抠 图 时 常用 的 工具 ， 使 用 时 只 需 用 鼠标 单 击 图 片 选 取 颜 色 部 分 ， 即 可 获得 相似 颜色 的 选区 。 

(1) 选择 一 个 普通 图 层 ， 选 择 工具 箱 中 的 “ 魔 棒 工 具 ” 艺 ， 在 选项 栏 中 设置 “选区 模式 ”为 “新 选区 ”， 设 置 “ 容 
差 ” 为 15， 选 中 “消除 锯齿 ”和 “连续 ” 复 选 框 ， 使 用 “ 魔 棒 工具 ”在 画面 中 黄色 背景 部 分 单 击 鼠 标 左 键 ， 如 图 13-10 所 示 。 
“ 容 差 ” 选 项 是 用 来 设置 选区 的 选择 范围 ， 将 “ 容 差 ”数值 调 大 ， 在 上 一 次 单 击 的 位 置 再 次 单 击 ， 可 以 发 现 选区 的 范围 扩大 
了 ， 如 图 13-11 所 示 。 
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图 13-10 图 13-11 


(2) 选项 栏 中 的 4 个 按钮 = 团 m 是 用 来 进行 选区 运算 的 ， 例 如 此 时 选区 所 选 的 范围 没有 包含 背景 部 分 ， 那 么 单 击 “ 添 
加 到 选区 ”按钮 图 ， 然 后 在 背景 的 位 置 多 次 单 击 进行 选区 的 加 选 ， 如 图 13-12 所 示 。 得 到 选区 后 按 Delete 键 即 可 删除 背景 完成 


抠 图 ， 如 图 13-13 所 示 。 


z- 6 国 ea wr ws Be 
2 EL pg e914NRS /61 < 


IGTnovkbes 
PAOHENN 


日 a 
le 


选项 解读 : 


的 容 差 ， 用 来 设置 可 擦 除 的 颜色 范围 。 

多 消除 锯齿 ， 可 以 使 擦 除 区 域 的 边 乡 变 得 平滑 。 

名 连续 : 选中 该 复 选 框 时 ， 只 擦 除 与 单 击 点 像素 邻近 的 
像素 ; 不 选中 该 复 选 框 时 ， 可 以 擦 除 图 像 中 所 有 相似 
的 像素 。 

全 不 透明 度 : 用 来 设置 擦 除 的 强度 。 值 为 100% 时 ， 将 
完全 擦 除 像素 ; 较 低 的 值 可 以 擦 除 部 分 像 


使 用 “魔术 橡皮 擦 工具 ”总 .只 需 轻 轻 一 点 ， 就 可 以 擦 
除 画 面 中 相同 颜色 的 像素 。 
(1) 选择 要 擦 除 的 图 层 ， 选 择 工具 箱 中 的 “魔术 橡皮 
擦 工具 ”总 ,， 在 选项 栏 中 设置 “ 容 差 ”为 30， 选 中 “消除 
锯齿 ”和 “连续 ” 复 选 框 ， 如 图 13-14 所 示 。 
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图 13-14 
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图 13-13 

(2) 回 到 图 像 中 ， 选 择 “ 图 层 1 ”， 在 灰色 背景 处 单 
击 ， 即 可 删除 大 块 背景 ， 如 图 13-15 所 示 。 用 同样 的 方法 依 
次 在 背景 处 单 击 即 可 去 除 所 有 背景 部 分 ， 如 图 13-16 所 示 。 


图 13-15 


图 13-16 
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当 荡 本 图 岗 | 


友 案例 实战 使 用 魔 棒 工 具 去 除 背 景 ! 欧 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 将 素材 “2jpg” 
文件 路 径 。 。 第 13 章 \ 使 用 魔 棒 工 具 去 除 背 景 置 入 画面 中 ， 摆 放 在 画面 的 中 心 位 置 并 栅 格 化 ， 如 图 13-19 
难 昌 指 数 。。 襄 训 合 全 所 示 。 

案例 效果 区 选择 工具 箱 中 的 “ 魔 棒 工 具 ”， 在 选项 栏 中 设置 

三 “类 型 ”为 “添加 到 选区 ”， 设 置 “ 容 差 ” 为 20， 选 中 “ 消 

本 全 全 加 37。 除 锯齿 ”和 “连续 ” 复 选 框 。 设 置 完成 后 单 击 背景 选区 ， 第 

操作 步骤 一 次 单 击 背 景 时 可 能 会 有 遗漏 的 部 分 ， 可 以 再 次 单 击 没 有 被 
选区 连接 到 的 地 方 ， 如 图 13-20 所 示 。 


执行 “文件 > 打开 ”命令 ， 打 开 背 景 素材 “1jpg”， 
如 图 13-18 所 示 。 
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图 13-20 


3 按 Shift+Ctrl+I 组 合 键 选择 反选 ， 然 后 为 图 像 添 加 图 层 蒙 版 ， 则 人 像 背景 被 自动 抠 出 ， 如 图 13-21 所 示 。 

了 区 选择 工具 箱 中 的 “椭圆 选 框 工具 ”， 按 住 Shif 键 绘制 一 个 与 背景 中 的 圆 相 吻合 的 圆 形 选 区 ， 然 后 单 击 鼠 标 右键 ， 在 
弹出 的 快捷 菜单 中 执行 “选择 反 向 ”命令 ， 如 图 13-22 所 示 。 然 后 使 用 工具 箱 中 的 “橡皮 擦 工具 ” 擦 除 底部 圆 形 以 外 的 区 域 ， 
如 图 13-23 所 示 。 

了 案例 最 终 效果 如 图 13-24 所 示 。 


图 13-22 


13.2.4 ”背景 橡皮 擦 工具 


“背景 橡皮 擦 工具 ”区 .是 一 种 基于 色彩 差异 的 智能 化 控 除 工具 。 使 用 该 工具 可 以 用 “ 圆 形 ”的 笔触 擦 除 工 具 中 间 的 


“+” 智 能 采集 所 处 位 置 的 颜色 ， 并 且 基 于 色彩 差异 进行 智能 控 除 ， 控 除 的 部 分 变 为 透明 ， 如 图 13-25 所 示 。 


选择 一 个 图 层 ， 选 择 工具 箱 中 的 “背景 橡皮 擦 工 具 ” 他.， 在 选项 栏 中 先 设置 合适 的 笔 控 除 的 位 置 
尖 大 小 ，“ 取 样 ”为 “连续 ”，“ 限 制 ” 为 “连续 ”，“ 容 差 ” 为 30%， 接 着 在 画面 中 按 
住 鼠 标 左 键 并 拖 动 (光标 中 心 的 “十 字 ” 表 示 在 控 除 过 程 中 自动 采集 颜色 的 位 置 ) ， 此 时 拾取 颜色 


该 图 层 中 的 白色 背景 逐步 被 擦 除 ， 而 蓝 色 页 面 不 受 影响 ， 如 图 13-26 所 示 。 继 续 沿 着 主体 图 
形 边缘 按 住 鼠 标 左 键 拖 动 进行 擦 除 ， 如 图 13-27 所 示 。 继 续 进行 擦 除 ， 然 后 更 改 背 景 ， 一 
简单 的 合成 就 制作 完成 了 ， 效 果 如 图 13-28 所 示 。 ee 


»- 和 - 国 y wv mE mse 多 


03% 1 5 


:Sso 国 r+ Hx: 


Bl PonmaNNNNYE 


日 


图 13-26 


KW 
NY 高 手 小 贴 十 : 3 种 取样 方式 到 底 该 怎么 选择 呢 ? 
锡 连续 取样 ， 因 为 这 种 取样 方式 会 随 画 笔 的 贺 形 中 心 的 “十 字 ” 二 位置 改变 而 更 换取 样 颜色 ， HT 
es 

一 次 取样 :由 于 这 种 取样 方式 只 会 识别 画笔 的 贺 形 中 心 的 “十 字 ” 十 第 一 次 在 画面 中 单 击 的 位 置 ， Ho 
ns 适合 于 背景 为 单 色 或 颜色 变化 不 大 的 情况 。 
加 背景 色 板 取样 ， 由 于 这 一 种 取样 方式 可 以 随时 更 改 背 景色 板 的 颜色 ， 从 而 方便 擦 除 不 同 的 颜色 。 所 以 非常 适合 当 | 
颜色 变化 较 大 ， 而 又 不 想 使 用 擦 除 程 度 较 大 的 “连续 取样 ”方式 的 情况 下 。 


“磁性 套 索 工具 ”| 另 . 就 像 安装 了 磁石 一 样 具有 磁力 ， 选 择 该 工具 ， 在 画面 中 单 击 确定 起 点 的 位 置 ， 然 后 移动 鼠标 可 以 看 
到 鼠标 经 过 的 位 置 会 自动 生成 一 条 “跟踪 线 ”， 这 条 线 总 是 走向 颜色 与 颜色 边界 处 ， 而 且 边界 越 明显 磁力 越 强 。 将 首尾 连接 
后 这 条 跟踪 线 随即 会 转换 为 选区 。 外 国 S sw mm ED] 图 sa 
“磁性 套 索 工具 ” 较 适 用 于 选择 区 EE 
域 与 背景 颜色 差异 较 大 、 对 比 强烈 
的 图 片 。 

(1) 选择 工具 箱 中 的 “磁性 
套 索 工具 ”[ 别 ， 在 选项 栏 中 设置 合 
适 的 参数 ， 然 后 在 图 形 边缘 单 击 ， 
沿 着 图 形 边缘 拖 动 鼠标 ， 随 着 鼠标 
光标 在 图 形 边缘 拖 动 会 自动 生成 锚 
点 与 跟踪 线 ， 如 图 13-29 所 示 。 如 
果 出 现 错误 的 错 点 ， 可 以 将 光标 
移 至 锚 点 的 上 方 按 Delete 键 进行 删 
除 ， 如 图 13-30 所 示 。 
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图 13-29 图 13-30 


(2) 继续 沿 着 图 形 边缘 拖 动 光标 ， 当 移 到 起 始 位 置 后 单 击 鼠 标 左 键 即 可 得 到 选区 ， 如 图 13-31 和 图 13-32 所 示 。 
(3) 因为 要 去 除 背 景 ， 所 以 需要 将 选区 进行 反 向 选择 ， 按 ShiftrCailH 组 合 键 将 选区 反选 ， 如 图 13-33 所 示 。 按 Delete 键 删除 选 
区 中 的 内 容 ， 然 后 更 换 背 景 ， 效 果 如 图 13-34 所 示 。 


图 13-31 图 13-32 图 13-33 图 13-34 
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“色彩 范围 ” 即 通过 吸管 吸取 图 片 中 的 某 一 种 或 几 种 颜色 的 方式 选择 某 些 颜色 所 在 的 选区 。 色 彩 范 同样 是 通过 设置 上 
色 容 差 的 数值 ， 控 制 选中 与 这 一 颜色 相似 范围 的 大 小 部 分 。 通常 用 于 较为 复杂 选区 的 提取 和 抠 图 。 执行 “选择 > 色彩 范围 
命令 ， 弹 出 “色彩 范围 ”对 话 框 。 

(1) 选择 要 处 理 的 图 片 ， 如 图 13-35 所 示 。 执 行 “ 选 择 > 色彩 范围 ”命令 ， 在 弹出 的 “色彩 范围 ”对 话 框 中 设置 “选择 ” 
为 “取样 颜色 ”，“ 颜 色 容 差 ” 为 40， 如 图 13-36 所 示 。 然 后 在 蜜蜂 背景 的 黄色 区 域 上 单 击 进行 取样 。 

(2) 适当 增 大 “颜色 容 差 ” 的 值 ， 随 着 “颜色 容 差 ”数值 的 增 大 ， 可 以 看 到 “选取 范围 ” 缩 览 图 的 背景 部 分 呈现 出 大 
面积 白色 的 效果 ， 而 蜜蜂 区 域 为 黑色 。 在 该 缩 览 图 中 ， 白 色 表 示 被 选中 的 区 域 ， 黑 色 表 示 未 被 选择 的 区 域 ， 灰 色 则 为 羽化 选 
区 ， 如 图 13-37 所 示 。 此 时 蜜蜂 背景 中 依然 有 区 域 为 灰色 ， 单 击 “添加 到 取样 ”按钮 受 ， 继 续 在 未 被 选择 的 区 域 单 击 ， 直 到 缩 
览 图 中 蜜蜂 背景 全 部 变 为 黑色 ， 如 图 13-38 所 示 。 
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图 13-35 图 13-36 图 13-37 图 13-38 
(3) 单 击 “ 确 定 ” 按 
钮 即 可 得 到 选区 ， 此 时 选 
区 为 背景 部 分 。 得 到 背景 
选区 后 ， 按 Delete 键 删除 选 
区 内 容 。 然 后 执行 “文件 > 
置 入 嵌入 对 象 ”命令 ， 置 NN 
入 背景 ， 如 图 13-39 所 示 。 
. 


图 13-39 


“ 魔 棒 工 具 ” 选 项 栏 中 指定 的 “ 容 差 ”范围 来 决定 选区 的 扩 
-一 - 展 范围 。 

扩大 选取 ”命令 是 基于 “ 魔 棒 工 具 ” 选 项 栏 中 指定 二 首先 使 用 “ 魔 棒 工具 ”在 图 像 上 单 击 得 到 选区 ， 如 图 13-42 

的 “ 容 差 ”范围 来 决定 选区 的 扩展 范围 。 例 如 ， 在 图 中 只 选 ; 所 示 。 接 着 执行 “选择 > 选取 相似 ”命令 ，Photoshop 同 样 会 

择 了 一 部 分 绿色 背景 ， 如 图 13-40 所 示 。 执 行 “ 选 择 > 扩大 选 上 查找 并 选择 那些 与 当前 选区 中 像素 色调 相近 的 像素 ， 从 而 扩 

取 ” 命 令 后 ，Photoshop 会 查找 并 选择 那些 与 当前 选区 中 像 大 选择 区 域 ， 如 图 13-43 所 示 。 

素 色 调 相 近 的 像素 ， 从 而 扩大 选择 区 域 ， 如 图 13-41 所 示 。 
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图 13-42 图 13-43 


高 手 小 贴 士 ， “扩大 选取 "与 “ 先 
取 相似 ”的 区 别 


“扩大 选取 ”命令 只 针对 当前 图 像 中 连续 的 区 域 ， 

非 连 续 的 区 域 不 会 被 选择 ; 而 “选取 相似 ”命令 针对 的 ! 
是 整个 图 像 ， 即 该 命令 可 以 选择 整个 图 像 中 处 于 
差 ”范围 内 的 所 有 像素 。 


图 13-40 图 13-41 


选取 相似 ”命令 与 “扩大 选取 ”命令 相似 ， 都 是 基于 


3 选择 并 遮 信 


人 

使 用 “选择 并 遮 住 ”命令 可 以 对 选区 的 半径 、 平 滑 度 、 羽 化 、 对 
比 度 、 移 动 边缘 等 属性 参数 进行 调整 来 达到 预想 的 效果 。 执 行 “ 选 择 
> 选择 并 遮 住 ”命令 ， 弹 出 “选择 并 遮 住 ”窗口 。 

(1) 使 用 “快速 选择 工具 ”创建 选区 ， 如 图 13-44 所 示 。 然 后 执行 
“选择 > 选择 并 遮 住 ” 命 令 ， 此 时 Photoshop 界 面 发 生 了 改变 。 左 侧 为 
一 些 用 于 调整 选区 以 及 视图 的 工具 ， 左 上 方 为 所 选 工 具 的 选项 ， 右 侧 
为 选区 编辑 选项 ， 如 图 13-45 所 示 。 


[选项 解读 : “选择 并 遮 住 ”工具 选项 

的 快速 选择 工具 祥 | 可 以 通过 按 住 饼 标 堪 键 抑 昌 涂抹 ， 软 件 会 自动 查找 和 跟随 图 像 颜 色 的 边缘 创建 选区 。 | 

8 调整 半径 工具 @ :可 以 精确 调整 发 生 边 嫁 调整 的 边界 区 域 。 制 作 头 发 或 毛皮 选区 时 可 以 使 用 “调整 站 径 工具 ” 采 ， 
化 区 域 以 增加 选区 内 的 细节 。 . 

的 画笔 工具 多 ， 可 以 通过 涂抹 的 方式 添加 或 成 去 选区 。 

抱 套 索 工 具 组 P.。 在 该 工具 组 中 有 “ 套 索 工具 ”和 “多 边 形 套 索 工具 ”两 种 工具 。 
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图 13-45 


(2) 在 界面 右 侧 的 “视图 模式 ”选项 组 中 可 以 进行 视图 显示 方式 的 设置 。 单 击 视图 列 
表 ， 在 下 拉 列 表 中 选择 一 个 合适 的 视图 模式 ， 如 图 13-46 所 示 。 

(3) 此 时 图 像 对 象 边缘 仍然 有 黑色 的 像素 ， 可 以 设置 “边缘 检测 ”的 “半径 ”选项 进 
行 调整 。“ 半 径 ” 选 项 确定 发 生 边缘 调整 的 选区 边界 的 大 小 。 对 于 锐 边 ， 可 以 使 用 较 小 的 半 
径 ; 对 于 较 柔 和 的 边缘 ， 可 以 使 用 较 大 的 半径 。 如 图 13-47 和 图 13-48 所 示 为 设置 为 不 同 参数 的 
对 比 效果 。 启 用 “智能 半径 ”可 以 自动 调整 在 边界 区 域 中 发 现 的 硬 边缘 和 和 柔 化 边缘 的 半径 。 
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(4) “全 局 调整 ”选项 组 主要 用 来 对 选区 进行 平滑 、 羽 化 和 扩展 等 处 理 ， 如 图 13-49 所 示 。 因 为 羽毛 边缘 柔和 ， 所 以 

需要 适当 调整 “平滑 ”和 “羽化 ”选项 ， Sn ny 

如 图 13-50 所 示 。 
(5) 此 时 选区 调整 完成 ， 接 下 来 需 “ 

要 进行 “输出 ”， 在 “输出 设置 ”选项 组 Bk 下 

中 可 设置 区 边缘 的 杂 色 以 及 选区 的 输出 方 

式 。 设 置 “输出 到 ”为 “选区 ”， 单 击 六 = 

“确定 ”按钮 ， 如 图 13-51 所 示 。 随 即 可 得 

到 选区 ， 如 图 13-52 所 示 。 接 着 使 用 快捷 键 

Ctrl+J 将 选区 复制 到 独立 图 层 ， 然 后 为 其 更 LE 

换 背景 ， 效 果 如 图 13-53 所 示 。 
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图 13-51 
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“钢笔 工具 ”实际 上 是 一 种 矢量 绘图 工具 ， 使 用 “钢笔 工具 ”可 以 轻松 绘制 和 编辑 复杂 而 准确 的 路 径 。“ 钢 笔 工 具 ” 
之 所 以 能 用 于 抠 图 操作 ， 是 因为 Photoshop 中 的 路 径 与 选区 是 可 以 相互 转换 的 ， 所 以 使 用 “钢笔 工具 ”进行 精确 选区 的 制作 
也 就 成 了 一 种 最 为 常用 的 抠 图 方法 。 

“钢笔 工具 ” 2. 作 为 一 款 矢量 绘图 工具 ， 它 具有 相当 强大 的 绘图 精准 度 ， 而 且 绘 制 完毕 后 还 可 以 借助 路 径 调 整 工具 
对 路 径 进 行进 一 步 编 辑 ， 如 图 13-54 和 图 13-55 所 示 。 

路 径 绘制 完成 后 可 以 将 其 转换 为 选区 ， 从 而 实现 抠 图 操作 。 路 径 编辑 完成 后 按 Ctrl+Enter 快 捷 键 将 路 径 转换 为 选区 ， 
如 图 13-56 所 示 。 接 着 按 ShiftrfCtrl+I 组 合 键 将 选区 反选 ， 然 后 按 Delete 键 删除 选区 中 的 像素 ， 然 后 更 换 背 景 ， 效 果 如 图 13-57 


AAA 


图 15-54 图 13-55 图 13-56 图 13-57 
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使 用 “钢笔 工具 ”虽然 可 以 准确 地 抠 出 如 人 像 、 产 品 、 建 
筑 等 这 样 边缘 复杂 的 对 象 ， 但 是 仍然 有 一 些 对 象 是 无 法 使 用 之 
前 提 到 过 的 工具 进行 抠 图 的 ， 例 如 毛 莹 苷 的 小 动物 、 女 性 的 长 
发 、 枝 繁 叶 茂 的 植物 ， 如 图 13-58 一 图 13-60 所 示 。 除 此 之 外 ， 还 
有 一 类 更 “ 环 手 ”的 对 象 ， 如 透明 的 香水 瓶 、 半 铁 空 的 婚纱 、 
天 上 的 云 休 、 绚 丽 的 光 效 等 ， 如 图 13-61 一 图 13-63 所 示 。 这 样 的 
对 象 边缘 实在 有 些 过 于 “复杂 ”， 使 用 “钢笔 抠 图 ”不 仅 耗 时 
耗 力 ， 而 且 得 到 的 效果 未 必 如 人 所 愿 。 想 要 准确 地 制作 超级 复 
杂 的 选区 可 以 尝试 使 用 “通道 抠 图 法 ”。 


13-58 图 13-59 


图 15-60 图 13-63 


13.5.1 通道 抠 图 原理 

具有 一 定 透 明 属性 的 对 象 是 无 法 使 用 常规 的 方 行 提取 的 。 所 以 此 时 可 以 打开 “通道 ”面板 ， 看 看 各 个 通道 的 黑白 图 
中 主体 物 与 背景 之 间 是 否 有 明确 的 黑白 差异 。 在 “通道 ”的 世界 中 ，“ 黑 白 关 系 ”是 可 以 
“换算 ”成 选区 的 ， 黑 色 为 选区 之 外 ， 白 色 为 选区 之 内 ， 灰 色 就 是 半 透 明 的 选区 。 

(1) 以 云 杂 图 片 为 例 ， 如 图 13-64 所 示 。 在 “通道 ”面板 中 可 以 看 到 各 个 通道 的 黑白 
关系 ， 如 图 13-65 所 示 。 

(2) 如 果 想 要 将 云 打 从 图 像 中 提取 出 来 ， 那 么 就 需要 去 除 天 空 的 蓝 色 部 分 ， 而 且 云 
杂 边 缘 需 要 很 柔和 ， 云 打上 也 需要 有 一 定 的 透明 效果 。 根 据 以 上 要 求 我 们 可 以 得 到 结论 : 
天 空 部 分 需要 为 黑色 ， 云 打 部 分 需要 为 白色 和 灰色 ， 云 打 边 缘 需 要 保留 灰色 区 域 。 那 么 可 
以 选择 一 个 与 我 们 需求 的 通道 效果 最 接近 的 一 个 通道 ， 此 时 可 以 看 到 红 通 道 的 黑白 差异 较 
大 ， 比 较 适 合 云 杂 的 抠 图 ， 如 图 13-66 和 图 13-67 所 示 。 

(3) 由 于 天 空 底部 的 黑色 较 灰 ， 所 以 接 下 来 需要 继续 处 理 通 道 的 黑白 关系 。 在 处 理 之 前 一 定 要 将 所 选 通道 进行 复制 ， 在 
“通道 ”上 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 执行 “复制 通道 ”命令 ， 如 图 13-68 所 示 。 然 后 选中 复制 的 通道 ， 如 图 13-69 所 
示 ， 进 行 黑白 关系 的 调整 。 在 本 图 中 ， 需 要 使 用 加 深 工具 对 天 空位 置 加 深 ， 如 图 13-70 所 示 。 


图 13-64 
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图 13-65 图 13-66 图 13-67 图 13-68 


(4) 通道 的 黑白 关系 处 理 完成 后 ， 单 击 “ 通 道 ” 面 板 底部 的 “将 通道 作为 选区 载 入 ”按钮 ， 如 图 13-71 所 示 。 此 时 即 可 
得 到 选区 ， 黑 色 的 部 分 在 选区 之 外 ， 白 色 的 部 分 在 选区 之 内 ， 灰 色 的 部 分 则 为 半 透 明 选 区 ， 如 图 13-72 所 示 。 
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图 13-69 图 13-70 图 13-71 图 13-72 


(5) 单 击 RGB 复 合 通 道 ， 显 示 出 画面 完整 效果 ， 如 图 13-73 所 示 。 此 时 可 以 清晰 地 看 到 被 选中 的 部 分 为 云 休 部 分 ， 如 
图 13-74 所 示 。 

(6) 为 了 更 清晰 地 观察 抠 图 的 效果 ， 可 以 进行 复制 粘贴 ， 将 云 杂 粘贴 为 独立 图 层 ， 如 图 13-75 所 示 。 置 入 一 个 背景 图 
像 ， 可 以 看 到 云 杂 边缘 非常 柔和 ， 而 且 云 打 上 也 有 自然 的 透明 区 域 ， 如 图 13-76 所 示 。 
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图 13-73 图 13-74 图 13-75 图 13-76 


说 到 这 里 ，“ 通 道 抠 图 法 ”的 秘密 已 经 展现 给 大 家 了 ， 那 就 是 利用 通道 与 选区 可 以 相互 转换 的 功能 ， 通 过 调整 通道 中 单 
色 的 黑白 对 比 效果 ， 得 到 半 透 明 选 区 或 者 边缘 复杂 的 选区 。 


13.5.2 ”使 用 通道 抠 图 抠 取 人 像 


抠 人 像 的 方法 稍微 复杂 一 些 ， 因 为 人 像 边缘 需要 先 通过 “钢笔 工具 ” 抠 出 来 ， 然 后 头发 的 部 分 需要 通过 通道 进行 抠 图 ， 
最 后 将 二 者 合 二 为 一 。 

(1) 从 背景 中 抠 出 人 像 。 由 于 人 像 头发 部 分 非常 细碎 ， 所 以 先 抠 出 身体 部 分 。 首 先 使 用 “钢笔 工具 ”在 人 像 上 绘制 路 
径 ， 如 图 13-77 所 示 ， 然 后 使 用 快捷 键 Ctrl+Enter 得 到 选区 ， 使 用 快捷 键 Ctrl+J 将 选区 中 的 内 容 复制 到 独立 图 层 ， 并 将 原 人 像 图 
层 隐藏 ， 效 果 如 图 13-78 所 示 。 

(2) 利用 通道 制作 头发 选区 。 首 先 将 头发 部 分 单独 提取 出 来 ， 并 将 其 他 图 层 隐 藏 ， 如 图 13-79 所 示 。 


(3) 进入 “通道 ”面板 中 ， 观 察 红 、 绿 、 蓝 通道 的 特 
i 点 ， 可 以 看 出 “ 蓝 ” 通 道中 的 头发 颜色 与 背景 颜色 差异 最 大 ， 
; 右 击 “ 蓝 ”通道 ， 在 弹出 的 快捷 菜单 中 执行 “复制 通道 ” 命 
= 和 : 令 ， 如 图 13-80 所 示 。 得 到 “ 蓝 拷贝 ”通道 ， 后 面 的 操作 都 
7 # 会 针对 该 通道 进行 ， 如 图 13-81 所 示 。 
是 i E23 

| i 归 

: 昔 上 复制 通道 . 
i 一 === 

图 13-77 图 13-78 上 图 13-79 图 13-80 
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(4) 使 用 “通道 ”将 头发 从 通道 中 提取 出 来 ， 首 先 增加 对 比 
度 ， 使 用 快捷 键 CtlHL 打 开 “ 色 阶 ” 对 话 框 ， 拖 动 滑 块 增加 图 像 的 。 王 
对 比 度 ， 如 图 13-82 所 示 。 效 果 如 图 13-83 所 示 。 

(5) 此 时 人 物 头发 为 黑色 ， 但 背景 仍 为 灰色 ， 按 CtrlHM 快 
捷 键 打开 “曲线 ”对 话 框 ， 调 整 曲线 形状 ， 如 图 13-84 所 示 ， 效 果 
如 图 13-85 所 示 。 

(6) 通道 中 的 白色 为 选区 ， 黑 色 为 非 选区 ， 而 此 时 人 物 为 ” 国 、 
黑色 ， 所 以 可 以 使 用 反 相 1 捷 键 Ct 将 当前 画面 的 黑白 关系 反 
相 ， 如 图 13-86 所 示 。 按 住 Ctrl 键 并 单 击 通 道中 的 通道 缩 览 图 ， 得 
到 头发 选区 ， 如 图 13-87 所 示 。 


图 13-83 图 13-84 图 13-85 
(7) 使 用 快捷 键 Ctrit2 显 示 出 复合 通道 ， 如 图 13-88 所 示 。 选 中 头发 部 分 的 图 层 ， 单 击 “ 中 


”面板 下 方 的 


图 13-86 


“添加 图 层 蒙 


版 ”按钮 为 其 添加 蒙 版 ， 此 时 背景 被 隐藏 了 ， 如 图 13-89 所 示 。 接 下 来 将 人 物 身体 部 分 显示 出 来 ， 效 果 如 图 13-90 所 示 。 


es 
蒙 版 分 为 图 层 蒙 版 、 矢 量 蒙 版 和 剪贴 蒙 版 3 种 类 型 ， 不 同类 型 的 蒙 版 可 以 应 用 在 不 同情 况 。 
量 蒙 版 。 


13.6.1 ”使 用 图 层 蒙 版 合成 图 像 


图 层 蒙 版 是 一 个 非常 重要 的 知识 点 ， 它 是 一 种 特殊 的 选区 ， 在 图 层 蒙 版 中 ， 白 色 代表 选区 ， 


半 透 明 的 选区 。 不 仅 如 此 ， 蒙 版 是 一 种 非 破坏 性 的 抠 图 操作 ， 利 用 蒙 版 只 是 将 不 需要 的 内 容 隐藏 ， 根 据 需 要 还 可 季 


的 内 容 显示 出 来 。 
(1) 准备 两 个 图 层 ， 如 图 13-91 一 图 13-93 所 示 。 


最 常用 的 是 图 层 蒙 版 和 矢 


黑色 代表 非 选 区 


， 灰 色 代 表 


下 新 将 隐藏 


图 13-91 图 13-92 图 13-93 
(2) 选择 上 方 的 图 层 ， 单 击 “ 图 层 ” 7 区]@ 总 区 Ti a i A 


面板 底部 的 “添加 图 层 蒙 版 ”按钮 口 即 可 为 | 
该 图 层 添加 图 层 蒙 版 。 此 时 的 蒙 版 为 白色 ， a 
画面 中 是 没有 任何 变化 的 ， 如 图 13-94 所 aa ° 辆 
示 。 接 着 选择 工具 箱 中 的 “画笔 工具 ” ， 蛙 ， 四 之 了 
将 前 景色 设置 为 黑色 。 然 后 在 画面 中 按 住 ”2 各 了” 全 人 
段 标 左 键 并 拖 外 进 行 涂抹 。 随 着 涂抹 可 以 FE 


看 见 光标 经 过 的 位 置 显示 了 背景 图 层 中 的 
像素 ， 如 图 13-95 所 示 。 


日 
| 


| 要 使 用 图 层 莹 版， 首先 要 选 对 图 层 ， 第 二 要 选择 蒙 版 。 跌 认 情 况 下 添加 图 层 蒙 版 后 就 是 选中 的 状态 。 如 果 要 重新 先 | 
| 择 图 层 蒙 版 ， 可 以 单 击 图 层 蒙 版 缩 览 图 即 可 选中 图 层 蒙 版 。 | 


(3) 如 果 在 涂抹 的 过 程 中 有 多 擦 除 的 像素 ， 可 以 将 前 景色 设置 为 白色 ， 然 后 在 多 控 除 的 位 置 涂抹 ， 此 处 的 像素 就 会 被 
还 原 ， 如 图 13-96 所 示 。 调 整 完成 后 ， 此 时 可 以 看 到 ， 图 层 要 隐藏 的 部 分 在 图 层 蒙 版 中 涂 成 黑色 ， 显 示 的 部 分 为 白色 。 此 时 原 
图 的 内 容 在 不 被 破坏 的 情况 下 就 可 以 进行 抠 图 合成 的 操作 了 ， 如 图 13-97 所 示 。 


FB7L ENOFOr 
PHng 


= 


加 驯 
局 


图 13-96 图 13-97 


(4) 如 果 当 前 图 像 中 存在 选区 ， 如 图 13-98 所 示 。 单 击 “ 图 层 ” 面 板 下 方 的 “添加 图 层 蒙 版 ”按钮 [四 ]， 如 图 13-99 所 
示 。 可 以 基于 当前 选区 为 任何 图 层 添 加 图 层 蒙 版 ， 选 区 以 外 的 图 像 将 被 蒙 版 隐藏 ， 效 果 如 图 13-100 所 示 。 
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图 13-99 
讽 一 ee 
高 手 小 贴 士 ， 图 层 蒙 版 的 基本 操作 
在 图 层 蒙 版 上 单 击 筷 标 右键 ， 可 以 看 到 用 于 编辑 图 层 莹 版 的 操作 ， 如 图 13-101 所 示 。 “es | 
人 @ 停 用 图 层 蒙 版 ;在 创建 图 层 莹 版 后 ， 可 以 控制 图 层 莹 版 的 显示 与 停 用 来 观察 使 用 图 像 Bay -ornae. 
的 对 比 效果 。 停 用 后 的 图 层 蒙 版 仍然 存在 ， 只 是 暂时 失去 图 层 蒙 版 的 作用 。 如 果 要 Ex a 


重新 启用 图 层 蒙 版 ， 可 以 在 蒙 版 缩 略 图 上 单 击 鼠 标 右键 ， 然 后 在 弹出 的 快捷 菜单 中 ”证 :加 w 二 二 tt: 100% 


选择 “应 用 图 层 蒙 版 ”命令 。 . 口中 "ae 
的 删除 图 层 蒙 版 ， 在 蒙 版 缩 略图 上 单 击 筷 标 右键 ， 然 后 在 弹出 的 快捷 菜单 中 选择 “删除 ”。 国 六 | 
图 层 莹 版” 命令， 随即 可 以 将 图 层 蒙 版 删除 。 应 用 | 


仿 应 用 图 层 蒙 版 : 应 用 图 层 莹 版 是 指 将 图 层 莹 版 效果 应 用 到 当前 图 层 中 ， 也 就 是 说 图 层 
繁 版 中 黑色 的 区 域 将 会 被 删除 ， 和 白色 区 域 将 会 保留 下 来 ， 并 且 删 除 图 层 蒙 版 。 在 图 
层 葡 版 缩 略图 上 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 选择 “应 用 图 层 莹 版” 命令， 即 可 应 用 图 层 蒙 版 ， 需 要 注意 的 ， 
是 应 用 图 层 蒙 版 后 ， 不 能 够 再 还 原 图 层 莹 版 。 | 


13.6.2 案例 实战 一 详情 信 息 卡片 设计 i 操作 步骤 
EE 车 执行 “文件 > 新 建 ” 命 令 ， 打 开 “ 新 建文 档 ” 对 话 框 。 
在 对 话 框 顶部 选择 “移动 设备 ” 选项 卡 ， 单 击 iPhone 6 Plus 按 
钮 ， 设 置 “ 分 辨 率 ”为 72 像 素 /英寸 ， “颜色 模式 ”为 “RGB 颜 
色 ”， 背 景 颜 色 为 黑色 ， 设 置 完成 后 单 击 “ 创 建 ”按钮 创建 新 
的 文档 ， 如 图 13-103 所 示 ， 创 建 完 的 文档 如 图 13-104 所 示 。 


图 13-101 


文件 路 径 第 13 章 \ 详 情 信息 卡片 设计 
难 易 指数 请 窗 窒 窗 窗 


案例 效果 
案例 效果 如 图 13-102 所 示 
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图 13-103 


图 13-102 


区 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 在 弹出 的 对 话 框 中 选择 “1.jpg”， 单 击 “ 置 入 ”按钮 。 接 着 将 置 入 的 素材 摆 放 
在 画面 中 合适 的 位 置 ， 将 光标 放 在 素材 一 角 处 ， 按 住 Shift 键 的 同时 按 住 入 标 左 键 拖 动 ， 等 比例 放大 该 素材 。 调 整 完成 后 按 
Enter 键 完成 置 入 ， 如 图 13-105 所 示 。 接 着 在 “图 层 ” 面 板 中 右 击 该 图 层 ， 在 弹出 的 快捷 菜单 中 执行 “ 栅 格 化 图 层 ” 命 令 ， 将 
该 图 层 转换 为 普通 图 层 ， 如 图 13-106 所 示 。 
区 制作 模糊 的 背景 效果 。 执 行 “ 滤 镜 > 模糊 > 高 斯 模糊 ”命令 ， 在 弹出 的 “高 斯 模糊 ”对 话 框 中 设置 “半径 ”为 10 像 
素 ， 设 置 完成 后 单 击 “ 确 定 ” 按 钮 ， 如 图 13-107 所 示 ， 此 时 画面 效果 如 图 13-108 所 示 
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图 13-104 图 13-105 图 13-106 图 13-107 


WB 设置 画面 的 不 透明 度 。 单 击 选中 该 图 层 ， 在 “图 层 ”面板 中 设置 该 图 层 的 “不 透明 度 ” 为 10%， 如 图 13-109 所 示 。 
此 时 黑色 背景 更 为 突出 ， 如 图 13-110 所 示 。 

了 区 在 画面 中 心 位 置 绘制 圆 角 矩 形 。 在 工具 箱 中 右 击 形状 工具 组 ， 在 
栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 白色 ，“ 描 边 ” 为 无 ， 
绘制 一 个 圆 角 和 矩形， 如 图 13-111 所 示 。 
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具 组 列表 中 选择 “ 圆 角 拢 形 工具 ”， 在 选项 
为 10 像 素 ， 然 后 在 画面 中 按 住 鼠标 左 键 拖 动 
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了 BB 在 圆 角 矩形 上 方 制作 产品 图 。 首 先 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 置 入 素材 “2.jpg”， 调 整 大 小 后 摆 放 在 白色 
角 矩 形 上 部 位 置 ， 然 后 按 Enter 键 确定 置 入 操作 ， 接 着 将 其 栅 格 化 ， 如 图 13-112 所 示 。 

了 隐藏 白色 矩形 外 的 牛皮 纸 素材 。 按 住 Ctrl 键 单 击 圆 角 矩形 图 层 缩 览 图 ， 载 入 圆 角 矩形 的 选区 ， 如 图 13-113 所 示 。 

区 在 “图 层 ” 面 板 中 单 击 选中 该 素材 2 图 层 ， 在 保持 当前 选区 的 状态 下 单 击 “ 图 层 ”面板 底部 的 “添加 图 层 蒙 版 ” 按 
钮 ， 以 当前 选区 为 该 图 层 添加 图 层 蒙 版 。 选 区 以 内 的 部 分 为 显示 状态 ， 选 区 以 外 的 部 分 被 隐藏 ， 此 时 蒙 版 效果 如 图 13-114 所 
示 ， 画 面 效果 如 图 13-115 所 示 。 

加 添加 产品 图 片 。 执 行 “ 文 件 > 置 入 嵌入 对 象 ”命令 ， 置 入 素材 “3.png”， 调 整 图 片 大 小 后 将 素材 摆 放 在 中 间 位 置 ， 
按 Enter 键 确定 置 入 操作 ， 接 着 将 其 栅 格 化 ， 如 图 13-116 所 示 。 
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图 13-112 图 13-113 图 13-114 图 13-115 图 13-116 
到 为 该 图 层 添加 描 边 效果 。 在 “图 层 ” 面 板 中 选中 素材 3 图 层 ， 执 行 “ 图 层 > 图 层 样式 > 描 边 ”命令 ， 在 弹出 的 “图 层 
样式 ”对 话 框 中 设置 “大 小 ”为 10 像 素 ，“ 位 置 ”为 “外 部 ”，“ 不 透明 度 ” 为 100%，“ 填 充 类 型 ”为 “颜色 ”，“ 颜 色 ” 
为 白色 ， 设 置 完成 后 单 击 “确定 ”按钮 ， 如 图 13-117 所 示 ， 效 果 如 图 13-118 所 示 。 
如 继续 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 置 入 素材 “4.png”， 摆 放 在 星 形 素材 左 侧 位 置 ， 按 Enter 键 ， 并 将 其 栅 格 化 ， 
如 图 13-119 所 示 。 接 着 将 该 图 层 移 到 星 形 素 材 下 方 ， 单 击 选中 该 图 层 ， 按 住 鼠 标 左 键 将 该 图 层 拖 到 星 形 图 层 下 方 ， 如 图 13-120 
所 示 。 
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可 为 奶牛 图 层 添加 图 层 样 式 。 在 “图 层 ” 面 板 中 单 击 选中 素材 3 图 层 ， 在 该 图 层 的 图 层 样式 上 单 击 鼠 标 右键 ， 在 弹出 
的 快捷 菜单 中 执行 “拷贝 图 层 样式 ”命令 ， 如 图 13-121 所 示 。 接 着 选中 奶牛 图 层 ， 单 击 鼠标 右键 ， 在 弹出 的 快捷 菜单 中 执行 
“粘贴 图 层 样式 ”命令 ， 如 图 13-122 所 示 。 

葡 此 时 奶牛 素材 呈现 出 描 边 效果 ， 如 图 13-123 所 示 。 
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区 用 同样 的 方法 置 入 其 他 素材 并 添加 图 层 样式 ， 如 图 13-124 所 示 。 

萄 选择 工具 箱 中 的 “ 横 排 文 字 工具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 设 置 文字 颜色 为 黑色 ， 设 置 完毕 后 在 圆 角 
和 矩形 左上 角 位 置 单 击 ， 接 着 输入 文字 ， 如 图 13-125 所 示 。 文 字 输 入 完毕 后 按 Ctrl+Enter 快 捷 键 完成 文字 输入 。 用 同样 的 方法 ， 
继续 使 用 “ 横 排 文字 工具 ”在 该 文字 下 方 继续 输入 文字 ， 并 在 选项 栏 中 设置 合适 的 字体 、 字 号 及 颜色 ， 如 图 13-126 所 示 。 
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图 13-124 图 13-125 图 13-126 


区 在 圆 角 矩形 右上 角 制 作价 格 标签 。 在 工具 箱 中 右 击 形状 工具 组 ， 在 形状 工具 组 列表 中 选择 “ 圆 角 矩 形 工具 ”， 在 选 
项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 浅 粉色 ，“ 描 边 ” 为 无 ，“ 半 径 ” 为 60 像 素 ， 然 后 按 住 鼠 标 左 键 在 画面 中 
拖 动 绘制 ， 如 图 13-127 所 示 。 接 去 圆 角 拢 形 添加 图 层 样式 。 在 “图 层 ” 面 板 中 选中 该 形状 图 层 ， 执 行 “ 图 层 > 图 层 样式 > 
描 边 ”命令 ， 在 弹出 的 “图 层 样 式 ” 对 话 框 中 设置 “大 小 ”为 4 像素 ，“ 位 置 ”为 “外 部 ”，“ 不 透明 度 ” 为 100%，“ 填 充 
类 型 ”为 “颜色 ”，“ 颜 色 ” 为 粉红 色 ， 如 图 13-128 所 示 。 
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区 在 左 侧 图 层 样式 列表 中 单 击 启用 “内 发 光 ” 样 式 ， 设 置 “ 不 透明 度 ” 为 62%， 颜 色 为 粉红 色 ，“ 方 法 ”为 “ 柔 
和 ”，“ 源 ”为 “边缘 ”，“ 大 小 ”为 8 像素 ，“ 范 围 ” 为 50%， 设 置 完成 后 单 击 “ 确 定 ” 按 钮 ， 如 图 13-129 所 示 ， 此 时 效果 
如 图 13-130 所 示 。 

区 在 圆 角 和 矩形 上 方 输入 价格 数字 。 选 择 工 具 箱 中 的 “ 横 排 文 字 工具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 设 置 文字 
颜色 为 白色 ， 设 置 完 毕 后 在 圆 角 矩形 中 单 击 ， 接 着 输入 数字 ， 如 图 13-131 所 示 。 


yy S 


苞 使 用 形状 工具 制作 关闭 按钮 。 在 工具 箱 中 右 击 形状 工具 组 ， 在 形状 工具 组 列表 中 选择 “椭圆 工具 ”， 在 选项 栏 中 设 


图 13-129 图 13-130 图 13-131 
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置 “ 绘 制 模式 ”为 “ 形 ) “填充 ”为 黑色 ，“ 描 边 ”为 无 ， 然 后 按 住 Shif 键 拖 动 鼠标 左 键 在 画面 中 绘制 正 圆 ， 如 图 13-132 
所 示 。 接 着 设置 “填充 ”为 白色 ， 按 住 ShiftrAlt 快 捷 键 在 黑色 圆 形 内 部 绘制 中 心 等 比例 圆 形 ， 如 图 13-133 所 示 。 
项 在 圆 形 内 部 制作 关闭 符号 。 在 工具 箱 中 右 击 形状 工具 组 ， 在 形状 工具 组 列表 中 选择 “ 圆 角 和 矩形 工具 ”， 在 选项 栏 中 
设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 黑色 ，“ 描 边 ” 为 无 ，“ 半 径 ” 为 10 像 素 。 然 后 按 住 鼠标 左 键 拖 动 绘制 圆 角 矩 
形 ， 如 图 13-134 所 示 。 选 择 该 图 层 ， 使 用 自由 变换 快捷 键 CtlHT， 此 时 对 象 进入 自由 变换 状态 ， 将 光标 定位 到 定 界 框 以 外 ， 
当 光 标 变 为 带 有 弧度 的 双 箭 头 时 ， 按 住 鼠 标 左 键 并 拖 动 ， 进 行 旋转 ， 如 图 13-135 所 示 。 旋 转 完成 后 按 Enter 键 确定 变换 操作 。 
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图 13-132 图 13-133 图 13-134 
区 选择 圆 角 矩形 图 层 ， 按 Ctrl+J 快 捷 键 将 图 层 进 行 复制 。 然 后 使 用 自由 变换 快捷 键 CtrlHT， 此 时 对 象 进入 自由 变换 状 
态 ， 在 对 象 上 单 击 鼠标 右键 ， 在 弹出 的 快捷 菜单 中 执行 “水 平 翻转 ”命令 ， 如 图 13-136 所 示 。 接 着 按 Enter 键 完成 操作 ， 此 时 
按钮 绘制 完成 ， 如 图 13-137 所 示 。 
欧 在 产品 图 底部 制作 多 项 切换 符号 。 选 ， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 白 
刷 py 


色 ，“ 描 边 ” 为 无 ， 然 后 按 住 Shift 键 的 同时 按 住 制 正 圆 ， 如 图 13-138 所 示 。 使 用 复制 图 层 快捷 键 Ctrl+J 复 制 一 


图 13-135 图 13-136 图 13-137 图 13-138 


葬 单 击 选中 灰 绿色 圆 形 图 
图 层 快捷 键 Ctrl+J 复 制 相同 的 图 
次 向 右 摆 放 ， 如 图 13-140 所 示 。 

加 选择 “ 横 排 文字 工具 ”， 在 页 面 下 方 
空白 位 置 按 住 鼠 标 左 键 拖 动 绘制 一 个 文本 框 ， 
如 图 13-141 所 示 。 然 后 在 选项 栏 中 设置 合适 的 
字体 、 字 号 ， 设 置 颜色 为 黑色 ， 设 置 对 齐 方式 
为 “ 左 对 齐 ”。 接 着 在 文本 框 内 输入 文字 ， 如 
图 13-142 所 示 。 

区 继续 选择 “ 横 排 文字 工具 ”， 输 入 
适 的 文字 ， 并 在 选项 栏 中 设置 合适 的 字体 、 
号 及 颜色 ， 如 图 13-143 所 示 。 图 13-139 图 13-140 
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图 13-141 图 13-142 
项 在 工具 箱 中 右 击 形状 工具 组 ， 在 形状 工具 组 列表 中 选择 “ 圆 角 和 矩形 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “ 形 
状 ”，“ 填 充 ” 为 蓝 灰 色 ，“ 描 边 ” 为 无 ， 然 后 按 住 鼠标 左 键 在 画面 中 拖 动 绘制 ， 如 图 13-144 所 示 。 


七 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 置 入 素材 “9.jpg”， 摆 放 在 蓝 灰色 圆 角 矩形 上 ， 按 Enter 键 确定 置 入 操作 ， 然 后 
将 其 栅 格 化 ， 如 图 13-145 所 示 。 接 着 在 “图 层 ” 面 板 中 右 击 该 人 像 图 层 ， 在 弹出 的 快捷 菜单 中 执行 “创建 前 贴 蒙 版 ”命令 ， 
如 图 13-146 所 示 。 
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加 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 置 入 素材 和 
“8.png”， 摆 放 在 画面 右 下 角 位 置 ， 然 后 按 Enter 键 确定 -一 读书 笔记 


置 入 操作 ， 接 着 将 其 栅 格 化 ， 如 图 13-147 所 示 。 此 时 该 详 
情 页 设计 完成 ， 如 图 13-148 所 示 。 
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图 13-146 图 13-147 图 13-148 


13.6.3 ”剪贴 蒙 版 
“剪贴 蒙 版 ”是 一 种 使 用 底层 图 层 形状 限制 项 层 图 层 


-个 是 位 于 底部 用 于 
控制 显示 范围 的 “基底 图 层 ”〈 基 底 图 层 只 能 有 一 个 ) ， 一 个 是 位 于 上 方 用 于 控制 显示 内 容 的 “内 容 图 层 ”〈 内容 图 层 可 以 


示 内 容 的 蒙 版 。 剪 贴 蒙 版 至 少 有 两 个 图 层 


怒 DT 图 沿 四 攻 仿 小 


有 多 个 ) 。 如 果 对 基底 图 层 进行 移动 、 变 换 等 操作 ， 那 么 上 面 的 图 像 也 会 随 之 受到 影响 。 对 内 容 图 层 的 操作 不 会 影响 基底 图 
层 ， 但 是 对 其 进行 移动 、 变 换 等 操作 时 ， 其 显示 范围 也 会 随 之 而 改变 ， 如 图 13-149 所 示 。 如 图 13-150 所 示 为 剪贴 蒙 版 的 示意 
图 。 如 图 13-151 所 示 为 创建 剪贴 蒙 版 的 效果 。 
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图 13-149 图 13-150 图 13-151 


(1) 绘制 一 个 圆 角 矩形 形状 作为 基底 图 层 ， 如 图 13-152 所 示 。 接 着 置 入 一 个 图 片 素材 并 将 其 移 至 图 形 上 方 ， 作 为 内 容 图 
层 ， 如 图 13-153 所 示 。 
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图 13-152 图 13-153 
(2) 单 击 选择 “内 容 图 层 ”， 然 后 单 击 鼠标 右键 ， 在 弹出 的 快捷 菜单 中 执行 “创建 剪贴 蒙 版 ”命令 ， 如 图 13-154 所 示 。 
效果 如 图 13-155 所 示 。 最 后 置 入 前 景 素材 ， 画 面 效果 如 图 13-156 所 示 。 
(3) 如 果 想 要 使 内 容 图 层 不 再 受 下 面 形状 图 层 的 限制 ， 可 以 选择 剪贴 蒙 版 图 层 ， 然 后 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜 
单 中 执行 “释放 剪贴 蒙 版 ”命令 ， 如 图 13-157 所 示 。 
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图 13-154 图 13-155 图 13-156 图 13-157 


像素 /英寸 , “颜色 模式 ”为 “RGB 颜色 ”， 背 景 颜 色 为 白色 。 单 击 


太 案例 实战 一 一 使 用 剪贴 蒙 版 制作 名 
“创建 ”按钮 创建 新 的 文档 ， 如 图 13-159 所 示 。 
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图 13-159 


了 B 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 在 弹出 的 对 话 框 中 选择 
“1jpg”， 单 击 “ 置 入 ”按钮 。 接 着 将 置 入 的 素材 摆 放 在 画面 上 部 位 


i ; 置 ， 将 光标 放 在 素材 一 角 处 ， 按 住 Shif 键 的 同时 按 住 刀 标 左 刍 拖 动 ， 
加 i 等 比例 缩放 该 素材 ， 如 图 13-160 所 示 。 调 整 完成 后 按 Enter 键 完成 轩 
国 13-158 i 入 。 然后 在 “图 层 ” 面板 中 右 击 该 图 层 ， 在 弹出 的 快捷 菜单 中 执行 
区 : “ 栅 格 化 图 层 ” 命 令 ， 如 图 13-161 所 示 。 
操作 步 怠 i 制作 模糊 效果 。 选 中 该 图 层 ， 执 行 “ 滤 镜 > 模糊 > 高 斯 模糊 


执行 “文件 > 新 建 ”命令 ， 打 开 “ 新 建文 : 命令 ， 在 弹出 的 “高 斯 模糊 ”对 话 框 中 设置 “半径 ”为 72 像 素 ， 设 
档 ” 对 话 框 。 在 对 话 框 项 部 选择 “移动 设备 ”选项 : 置 完成 后 单 击 “确定 ”按钮 ， 如 图 13-162 所 示 ， 此 时 效果 如 图 13-163 
卡 ， 单 击 iPhone 6 Plus 按钮 ， 设 置 “分 辨 率 ”为 72 ;所 示 。 
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图 15-160 图 13-161 图 13-162 图 13-163 


加 置 入 状态 栏 。 执 行 “ 文 件 > 置 入 嵌入 对 象 ”命令 ， 置 入 素材 “2.png”， 摆 放 在 画面 顶部 ， 按 Enter 键 完成 操作 ， 如 
图 13-164 所 示 。 

在 画面 中 制作 多 个 正 圆 形状 。 在 工具 箱 中 右 击 形状 工具 组 ， 在 形状 工具 组 列表 中 选择 “椭圆 工具 ”， 在 选项 栏 中 设 
置 “ 绘 制 模式 ”为 “形状 ”，“ 填 充 ” 为 白色 ，“ 描 边 ”为 无 ， 设 置 完成 后 在 画面 中 按 住 Shift 键 的 同时 按 住 鼠 标 左 键 拖 动 给 
制 正 圆 ， 如 图 13-165 所 示 。 

了 区 在 “图 层 ” 面 板 中 单 击 选 中 正 圆 图 层 ， 使 用 复制 图 层 快捷 键 CtrltJ 复 制 一 个 相同 的 图 层 ， 然 后 向 右 移动 ， 接 着 使 用 自 
由 变换 快捷 键 CtlHT， 此 时 对 象 进入 自由 变换 状态 ， 按 住 Shift 键 并 拖 动 控制 点 将 正 圆 放 大 ， 如 图 13-166 所 示 。 用 同样 的 方法 
继续 复制 正 圆 并 将 其 移 到 相应 位 置 ， 如 图 13-167 所 示 。 
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图 13-164 图 13-165 图 13-166 


选择 “椭圆 工具 ”， 在 “图 层 ”面板 中 选择 一 个 正 圆 图 层 ， 接 着 在 选项 栏 中 设置 “填充 ”为 蓝 色 ， 为 正 圆 更 改 颜 
色 ， 如 图 13-168 所 示 。 

在 正 圆 上 方 制作 图 案 。 在 工具 箱 中 右 击 形状 工具 组 ， 在 形状 工具 组 列表 中 选择 “ 自 定形 状 工具 ”， 在 选项 栏 中 设置 
“绘制 模式 ”为 “形状 ”，“ 填 充 ”为 黑色 ，“ 描 边 ”为 无 ， 单 击 打开 自 定形 状 拾 色 器 ， 选 择 “ 心 形 ”形状 ， 设 置 完 成 后 在 
左 侧 正 圆 上 方 按 住 鼠 标 左 键 拖 动 绘制 ， 如 图 13-169 所 示 。 
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执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 置 入 素材 “3:jpg”， 摆 放 在 “ 心 形 ”形状 上 方 ， 按 Enter 键 完成 置 入 并 将 其 栅 格 
化 ， 如 图 13-170 所 示 。 

本 在 “图 层 ”面板 中 选中 “素材 3 ”图 层 ， 执 行 “ 滤 镜 > 模糊 > 高 斯 模糊 ”命令 ， 在 弹出 的 “高 斯 模糊 ”对 话 框 中 设置 
“半径 ”为 10 像 素 ， 设 置 完 成 后 单 击 “ 确 定 ”按钮 ， 如 图 13-171 所 示 ， 此 时 效果 如 图 13-172 所 示 。 

敬 在 “图 层 ”面板 中 右 击 素 材 “3” 图 层 ， 在 弹出 的 快捷 菜单 中 执行 “创建 前 贴 蒙 版 ”命令 ， 如 图 13-173 所 示 ， 此 时 画 
面 效果 如 图 13-174 所 示 。 
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图 13-170 图 13-171 图 13-172 图 13-173 


避 制作 下 一 个 形状 。 在 工具 箱 中 选择 “ 自 定形 状 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 黑 
色 ，“ 描 边 ”为 无 ， 单 击 打开 自 定形 状 拾 色 器 ， 选 择 “丝带 1” 形 状 ， 设 置 完成 后 在 正 圆 上 方 进行 绘 制 ， 如 图 13-175 所 示 。 接 
着 置 入 素材 “4.jpg” 并 将 其 栅 格 化 ， 如 图 13-176 所 示 。 
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执行 “ 滤 镜 > 模糊 > 高 斯 模糊 ”命令 ， 在 弹出 的 “高 斯 模糊 ”对 话 框 中 设置 “半径 ”为 10 像 素 ， 设 置 完成 后 单 击 “ 确 
定 ”按钮 ， 如 图 13-177 所 示 ， 此 时 效果 如 图 13-178 所 示 。 

如 在 “图 层 ” 面 板 中 右 击 素材 “4” 图 层 ， 在 弹出 的 快捷 菜单 中 执行 “创建 剪贴 蒙 版 ”命令 ， 此 时 效果 如 图 13-179 所 示 。 

用 同样 的 方法 且 设 置 相同 的 参数 ， 继 续 在 正 圆 上 方 制作 其 他 图 案 ， 效 果 如 图 13-180 所 示 。 
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图 13-178 图 13-179 


在 工具 箱 中 选择 “钢笔 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 白色 ， 
完成 后 在 蓝 色 正 圆 上 方 绘制 山峰 形状 ， 如 图 13-181 所 示 。 然 后 选择 工具 箱 中 的 “椭圆 工具 ”， 
为 “形状 ”，“ 填 充 ” 为 白色 ， 

选择 “椭圆 工具 ”， 将 选 
项 栏 中 的 “填充 ”设置 为 蓝 色 ， 
接着 在 画面 右 下 角 正 圆 中 绘制 省 
略 号 ， 如 图 13-183 所 示 。 在 “图 
层 ” 面 板 中 单 击 选中 蓝 色 正 圆 图 
层 ， 使 用 复制 图 层 快捷 键 Ctrl+J 复 


图 13-177 图 13-180 


“ 描 边 ”为 无 ， 设 置 
在 选项 栏 中 设置 “绘制 模式 ” 
“ 描 边 ”为 无 ， 在 “山峰 ”形状 右上 角 绘 制 正 圆 ， 如 图 13-182 所 示 。 
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制 一 个 相同 的 图 层 。 然 后 按 住 Shift 
键 的 同时 按 住 鼠标 左 键 将 其 向 右 
侧 水 平抑 动 ， 如 图 13-184 所 示 。 用 
同样 的 方法 继续 复制 蓝 色 正 圆 并 
向 右 侧 拖 动 ， 如 图 13-185 所 示 。 此 
时 省 略 号 绘制 完成 。 
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图 13-183 图 13-184 图 13-185 

可 在 画面 底部 制作 按钮 。 在 工具 箱 中 右 击 形状 工具 组 ， 在 形状 工具 组 列表 中 选择 “ 圆 角 矩 形 工具 ”， 在 选项 栏 中 设置 
“绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 无 ，“ 描 边 ” 为 蓝 色 ， “半径 ”为 30 像 素 ， 设 置 完成 后 在 画面 下 方 按 住 鼠 标 左 键 拖 动 
绘制 一 个 圆 角 矩形 ， 如 图 13-186 所 示 。 

基 在 圆 角 矩形 中 输入 文字 。 选 择 工具 箱 中 的 “ 横 排 文字 工具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 设 置 文字 颜色 为 
蓝 色 ， 设 置 完毕 后 在 圆 角 矩形 上 单 击 ， 输 入 文字 ， 如 图 13-187 所 示 。 文 字 输 入 完毕 后 按 Ctrl+Enter 快 捷 键 完 成 操作 。 用 同样 的 方 
法 ， 继 续 使 用 “ 横 排 文字 工具 ”在 画面 中 圆 形 图 标 上 输入 合适 的 文字 ， 并 在 选项 栏 中 设置 合适 的 字体 、 字 号 及 颜色 ， 如 图 13-188 
所 示 。 
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图 13-186 图 13-187 

卫 制作 画面 左下 角 的 “页 面 滑 “~ 
动 ”符号 。 首 先 制作 空心 圆 。 选 择 工具 多 op 
箱 中 的 “椭圆 工具 ”， 在 选项 栏 中 设置 n\ = | rm Pa Tummy eal 
“绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 Comtortable ey Ww 要 ed a 

B,D 

无 ，“ 描 边 ”为 蓝 色 ，“ 描 边 粗细 ”为 6 ne 
点 ，“ 描 边 类 型 ”为 实 线 ， 设 置 完成 后 2 半 i 
在 画面 底部 按 住 Shif 键 的 同时 按 住 鼠 标 > 
左 键 拖 动 绘制 正 圆 ， 如 图 13-189 所 示 。 全面 下 
接着 在 选项 栏 中 设置 “填充 ”为 蓝 色 ， A 记 - O 
“ 描 边 ”为 无 ， 在 空心 圆 右 侧 继续 给 “加 | 
制 ， 如 图 13-190 所 示 。 va 


加 此 时 图 标 页 面 制作 完成 ， 最 终 
效果 如 图 13-191 所 示 。 
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图 13-188 图 13-189 


”高 手 小 贴 士 : 创建 矢量 蒙 版 的 快捷 
接 住 Ctrl 键 在 “图 层 ”面板 下 方 单 去 “ 派 加 图 层 莹 ， 


版 ” 按 铝 了 加， 也 可 以 为 图 层 添加 矢量 蒙 版， 如 图 13-194 第 
所 示 。 | 
13 
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图 13-190 图 13-191 


13.6.4 矢量 蒙 版 
矢量 蒙 版 是 矢量 工具 ， 以 钢笔 或 形状 工具 在 蒙 版 上 绘制 
路 径 形状 控制 图 像 显 示 与 隐藏 ， 并 且 矢量 蒙 版 可 以 调整 路 径 
节点 ， 从 而 制作 出 精确 的 蒙 版 区 域 。 
(1) 绘制 一 个 闭合 路 径 ， 如 图 13-192 所 示 。 执 行 “ 图 
层 > 矢 量 蒙 版 > 当前 路 径 ” 命 令 ， 即 可 创建 矢量 蒙 版 ， 如 
图 13-193 所 示 。 
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图 13-194 


(2) 创建 矢量 蒙 版 以 后 ， 可 以 继续 使 用 钢 
状 工具 在 矢量 蒙 版 中 进行 编辑 ， 如 图 13-195 所 示 。 


图 13-195 


KW> 高 手 小 贴 士 ， 矢 量 蒙 版 的 基本 操作 


在 关 量 莹 版 上 单 击 鼠 标 右 键 ， 在 弹出 的 快捷 莱 单 中 
i 可 以 对 矢量 莹 版 进行 售 用 、 删 除 、 栅 格 化 的 编辑 操作 ， 
如 图 13-196 所 示 。 在 这 里 将 矢量 蒙 版 机 格 化 后 ， 失 量 蒙 
版 就 会 转换 为 图 层 蒙 版 。 


图 13-192 


图 13-196 


图 13-193 
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第 13 章 \ 时 间 轴 APP 界 面 设计 
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案例 效果 
案例 效果 如 图 13-197 所 示 。 


13.7.1 项 目 分 析 


时 间 轴 是 APP 中 常见 的 功能 ， 


字 、 图 像 等 各 类 信息 进行 有 序 排 
观 的 视觉 方式 进行 展现 。 让 人 浏 
案例 是 一 款 手 机 时 间 轴 APP 界 面 
面 中 的 摄影 图 片 并 不 固定 ， 它 

配 相应 图 片 ， 
为 优秀 的 时 间 轴 作品 。 


图 13-198 


13.7.2 布局 规划 


该 时 间 轴 界面 简单 而 有 秩序 ， 
模块 位 于 直线 两 端 ， 由 一 个 时 间 节 


并 可 设置 语音 提醒 。 


主 紧 按 照 时 间 的 项 序 对 文 
列 和 记录 ， 并 且 以 其 独特 的 直 
览 起 来 有 - - 目 了 然 。 本 
设计 ， 界 面 整体 纯净 淡雅 。 界 


会 随 着 自 定义 时 间 和 事项 自动 匹 


如 图 13-198 和 图 13-199 所 示 


@ Ionipun 


图 13-199 


以 一 条 直线 贯穿 画面 ， 事 项 
点 引申 出 来 ， 并 用 气泡 框 的 


形式 表现 ， 形 似 树 蔓 ， 
# 时 ， 会 将 较 远 时 间 段 的 事件 气泡 隐藏 ， 
; 的 事件 行程， 
i 时 隐藏 的 事项 将 会 显示 ， 
; 件 名 称 ， 


图 13-197 
生动 又 有 设计 感 。 当 设置 事件 过 多 
只 保留 最 近 时 间 段 
若 想 查询 其 他 事件 可 单 击 中 轴 上 方 箭头 ， 此 
也 可 在 右上 角 事 项 搜索 中 输入 事 
为 用 户 提供 了 便捷 性 。 如 图 13-200 和 图 13-201 所 
示 为 优秀 的 时 间 轴 作品 。 
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图 13-200 


13.7.3 色彩 搭配 


该 界面 以 单一 色相 蓝 色 贯穿 始终 ， 浅 蓝 色 作为 界面 背 
景 ， 呐 定 清爽 简洁 的 主 基 调 ， 搭 配 明度 不 同 的 湖 蓝 与 天 蓝 


图 13-201 


i 色 ， 增 强 了 版 面 的 层次 感 ， 如 图 13-202 所 示 。 同 类 色 搭配 


不 会 过 多 地 吸引 用 户 注意 力 而 导致 插图 部 分 被 弱化 。 -7 一 要 7 
“| @ 时 > 2 
Cone on 
图 13-202 
同类 色 搭配 中 规 中 和 矩 ， 却 不 容易 出 现 问题 ， 可 以 说 是 (PB— @ 


“新 手 ” 快 速 掌握 的 一 种 颜色 搭配 方式 ， 以 此 还 可 以 延伸 出 


多 种 同类 色 的 措 配 方式 ， 如 图 13-203 和 图 13-204 所 示 。 se | 二 | 
(8 . | ashion | Fashion 
“"“@™'e® 
a a 
图 13-203 图 13-204 


1. 制作 背景 部 分 

(1) 执行 “文件 > 新 建 ”命令 ， 在 弹出 的 “新 建文 档 ” 对 话 框 中 设置 “宽度 ”为 1242 像 素 ，“ 高 度 ” 为 2208 像 素 ，“ 分 辩 
率 ”为 7 像素/ 英寸。 设置 完成 后 单 击 “ 创 建 ”按钮 ， 如 图 13-205 所 示 。 

(2) 为 背景 图 层 添加 颜色 。 单 击 工具 箱 中 的 前 景色 按钮 ， 在 弹出 的 “ 拾 色 器 ”对 话 框 中 将 前 景色 设置 为 淡 蓝 色 ， 如 图 13-206 
所 示 。 然 后 使 用 前 景色 填充 快捷 键 Alt+Delete 将 背景 图 层 填充 为 淡 蓝 色 ， 如 图 13-207 所 示 。 
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图 13-205 13-206 
(3) 选择 工具 箱 中 的 “ 矩 形 工具 ”图 ， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”， “填充” 为 深蓝 色 ，“ 描 边 ” 为 
无 ， 然 后 在 画面 上 方 按 住 鼠 标 左 键 进行 绘制 ， 如 图 13-208 所 示 。 
(4) 选择 工具 箱 中 的 “椭圆 工具 ” 辆 ， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 蓝 色 ，“ 描 边 ”为 无 ， 
然后 在 画面 上 方 按 住 Shift 键 并 按 住 鼠 标 左 键 拖 动 绘制 正 圆 ， 如 图 13-209 所 示 。 执 行 “图 层 > 创建 前 贴 蒙 版 ”命令 ， 此 时 画面 效 
果 如 图 13-210 所 示 。 
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图 13-207 
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图 13-210 


(5) 选择 工具 箱 中 的 “和 抑 形 工具 ”， 在 选项 栏 中 设置 
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图 13-208 图 13-209 


lo i “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 蓝 色 ，“ 描 边 ”为 
: 无 ， 在 画面 右 侧 按 住 鼠 标 左 键 进行 绘制 ， 如 图 13-211 所 示 。 
i (6) 选择 工具 箱 中 的 “椭圆 工具 ”， 在 选项 栏 中 设置 
: “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 无 ，“ 描 边 ” 为 蓝 
:” 色 ，“ 描 边 宽度 ”为 16 点 ， 然 后 在 画面 左上 方 按 住 鼠标 左 键 
”并 按 住 Shifi 键 绘制 正 圆 ， 如 图 13-212 所 示 。 

: (7) 复制 多 个 正 圆圈 。 选 择 该 图 层 ， 使 用 复制 图 层 快 
i 捷 键 Ctrl+J， 将 圆圈 复制 并 将 其 移动 至 下 方 ， 如 图 13-213 所 
i 示 。 继 续 复制 正 圆 ， 将 复制 的 圆圈 移 到 画面 的 不 同位 置 ， 如 
图 13-214 所 示 。 
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图 13-211 


(8) 绘制 坚 条 直线 。 选 择 工具 
箱 中 的 “直线 工具 ” 国 ， 在 选项 栏 中 
设置 “绘制 模式 ”为 “形状 ”，“ 填 
充 ” 为 深蓝 色 ，“ 描 边 ”为 无 ，“ 粗 
细 ” 为 10 像 素 ， 在 画面 上 方 按 住 鼠标 
左 键 进行 绘制 ， 如 图 13-215 所 示 。 

(9) 复制 多 个 直线 条 。 选 择 该 
图 层 ， 使 用 复制 图 层 快捷 键 CtrltJ 将 直 
线 复制 并 将 其 移 至 下 方 ， 如 图 13-216 
所 示 ， 继 续 复制 直线 条 ， 将 复制 的 直 
线 移 到 画面 的 不 同位 置 ， 如 图 13-217 
所 示 。 
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图 13-212 图 13-213 
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图 13-214 图 13-215 


(10) 绘制 横 条 直线 。 在 选择 “直线 工具 ”的 状态 下 ， 在 画面 上 方 按 住 鼠 标 左 键 绘制 横 条 直线 ， 如 图 13-218 所 示 。 继 续 将 直线 
进行 复制 ， 然 后 移 到 合适 位 置 ， 效 果 如 图 13-219 所 示 。 
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图 13-216 图 13-217 图 13-218 图 13-219 
(11) 选择 工具 箱 中 的 “椭圆 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 深蓝 色 ，“ 描 边 ”为 无 ， 
然后 在 画面 上 方 按 住 Shift 键 并 按 住 鼠 标 左 键 拖 动 绘制 正 圆 ， 如 图 13-220 所 示 。 将 正 圆 进行 复制 ， 然 后 移 到 合适 位 置 ， 效 果 如 
图 13-221 所 示 。 
(12) 选择 工具 箱 中 的 “ 圆 角 和 矩形 工具 ” 国 I， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 灰色 ，“ 描 边 ”为 
无 ，“ 半 径 ”为 120 像 素 ， 然 后 在 画面 右上 角 按 住 鼠 标 左 键 拖 动 绘制 圆 角 矩形 ， 如 图 13-222 所 示 。 
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图 13-220 图 13-221 13-222 
(13) 选择 工具 箱 中 的 “椭圆 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 白色 ，“ 描 边 ”为 无 ， 然 
后 在 画面 上 方 按 住 Shif 键 并 按 住 鼠 标 左 键 拖 动 绘制 正 圆 ， 如 图 13-223 所 示 。 
2 制作 图 像 与 文字 部 分 
(1) 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 将 人 物 素材 “1jpg” 置 入 画面 的 上 方 ， 按 Enter 键 确认 置 入 操作 ， 如 图 13-224 所 示 。 
执行 “图 层 > 创建 剪贴 蒙 版 ”命令 ， 效 果 如 图 13-225 所 示 。 
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(2) 选择 工具 箱 中 的 “椭圆 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 白色 ，“ 描 边 ” 为 无 ， 然 
后 在 左 侧 正 圆圈 上 方 按 住 Shift 键 并 按 住 鼠标 左 键 拖 动 绘制 正 圆 ， 如 图 13-226 所 示 。 

(3) 将 人 物 素 材 “2.jpg” 置 入 画面 的 左上 方 ， 按 Enter 键 确认 置 入 操作 ， 如 图 13-227 所 示 。 执 行 “ 图 层 > 创建 剪贴 蒙 版 ” 
命令 ， 效 果 如 图 13-228 所 示 。 

(4) 使 用 同样 的 方式 在 其 他 正 圆圈 内 绘制 白色 正 圆 ， 然 后 置 入 其 他 人 物 素材 并 对 其 执行 “创建 剪贴 蒙 版 ”命令 ， 此 时 


画面 效果 如 图 13-229 所 示 。 
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(5) 选择 工具 箱 中 的 “椭圆 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 黑色 ，“ 描 边 ” 为 无 ， 然 
后 在 画面 上 方 按 住 Shift 键 并 按 住 鼠标 左 键 拖 动 绘制 正 圆 ， 如 图 13-230 所 示 。 

(6) 选择 工具 箱 中 的 “钢笔 工具 ” 国 |， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 白色 ，“ 描 边 ” 为 无 ， 
然后 在 黑 贺 上方 绘制 一 个 形状 ， 如 图 13-231 所 示 。 

(7) 选择 工具 箱 中 的 “椭圆 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 白色 ，“ 描 边 ” 为 无 ， 然 
后 在 黑 圆 上 方 按 住 Shift 键 并 按 住 鼠标 左 键 拖 动 绘制 正 圆 ， 如 图 13-232 所 示 。 使 用 复制 图 层 快捷 键 Ctrl+J 将 其 复制 并 移 至 下 方 ， 
如 图 13-233 所 示 。 
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图 13-230 图 13-231 图 13-232 图 13-233 


(8) 输入 文字 。 选 择 工具 箱 中 的 “ 横 排 文字 工具 ” 国 时 ， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 并 设置 文字 颜色 为 白色 ， 
然后 在 圆 角 矩形 上 方 单 击 插入 光标 ， 输 入 文字 ， 如 图 13-234 所 示 。 

(9) 绘制 搜索 图 标 。 选 择 工具 箱 中 的 “ 自 定形 状 工 具 ” 国 I， 在 选项 栏 
中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 无 ，“ 描 边 ” 为 蓝 色 ，“ 描 边 
半径 ”为 8 点 ， 在 “形状 ”下 拉 列 表 框 中 选择 一 个 搜索 形状 ， 在 文字 右 侧 按 
住 鼠 标 左 键 拖 动 绘制 搜索 形状 ， 如 图 13-235 所 示 。 

(10) 选择 工具 箱 中 的 “ 横 排 文字 工具 ”， 在 选项 栏 中 设置 合适 的 字 
体 、 字 号 ， 并 设置 文字 颜色 为 蓝 色 ， 然 后 在 画面 左 侧 单 击 插入 光标 ， 输 入 文 
字 ， 如 图 13-236 所 示 。 使 用 同样 的 方式 在 画面 不 同位 置 输入 文字 ， 此 时 画面 
效果 如 图 13-237 所 示 。 图 13-234 
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(11) 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 将 状态 栏 素 
材 “8.jpg” 置 入 画面 上 方 ， 按 Enter 键 确定 置 入 操作 ， 最 终 
: 画面 效果 如 图 13-238 所 示 。 
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图 13-236 


图 13-237 


AN 
14.) 认识 “时 间 轴 ”面板 


Photoshop 的 视频 与 动画 功能 主要 集中 在 “时 间 轴 ”面板 中 ， 


在 这 里 既 可 以 对 动态 视频 进行 郊 辑 、 添 加 特效 等 编辑 操作 , 也 可 “”，、，，。 
以 从 零 开始 制作 一 个 有 声 有 色 的 动画 文档 . 
执行 “窗口 > 时 间 轴 ”命令 ， 打 开 “ 时 间 轴 ”面板 。 单 击 面板 | 
中 央 的 “按钮 ， 即 可 看 到 “创建 视频 时 间 轴 ” 和 “创建 帧 动画 ” 国生 = 
选项 ， 如 图 14-1 所 示 。 
选择 “创建 视频 时 间 轴 ” 选 项 ， 然 后 单 击 该 按钮 ， 即 可 创建 a 


时 间 轴 动画 ， 此 时 在 “时 间 轴 ”面板 中 自动 为 该 图 层 创建 了 一 个 视频 轨道 ， 如 图 14-2 所 示 。 若 单 击 “创建 帧 动画 ”按钮 ， 
则 当前 窗口 的 效果 如 图 14-3 所 示 。 
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帧 动画 和 时 间 轴 动画 是 两 种 不 同 的 动画 类 型 ， 其 编辑 方法 与 呈现 的 效果 都 有 所 不 同 ， 下 面 我 们 来 分 别 学 习 。 


“时 间 轴 ”是 把 一 段 时 间 以 一 条 或 多 条 线 的 形式 进行 表达 ， 它 的 工作 原理 就 是 定义 一 系列 的 小 时 间 段 : 帧 。 这 些 帧 随时 
间 变 化 ， 在 每 一 个 帧 上 均 可 以 改变 网 页 元 素 的 各 种 属性 ， 以 此 实现 动画 效果 。“ 时 间 轴 ”是 影视 后 期 制作 中 常用 的 术语 ， 也 
是 动态 视频 进行 编辑 的 一 种 方式 。 在 Photoshop 的 音 须 控制 技 


“时 间 轴 ”面板 中 可 以 显示 文档 图 层 中 帧 的 持续 时 本人。 | 各 类 分 
过 渡 效 果 图 层 持续 叶 间 条 


当前 时 间 指 示 器 时 间 标 尺 


间 和 动画 属性 。“ 时 间 轴 ”面板 主要 用 于 组 织 和 控 
制 影 片 中 图 层 和 帧 的 内 容 ， 使 这 些 内 容 随 着 时 间 的 = 


推移 而 发 生 相 应 的 变化 ， 如 图 14-4 所 示 。 "=a" 国 * + oR = 一 一 一 工作 区 二 指示 器 
“时 间 轴 ”面板 参数 详解 。 v gee 日 L + 一 一 向 轨道 添加 媒体 
@ 播放 控件 ， 是 用 于 控制 视频 播放 的 按钮 ， 其 中 ，。, om PR 
包括 转 到 第 一 帧 “|、 转 到 上 一 帧 “、 播 放 > “6s 二 
和 转 到 下 一 帧 |。 于 人 本 全 am 下 + 
仿 启用 关键 帧 动画 思 \ 移 去 现 有 关键 帧 包 : 启用 或 aa 缩小 绽放 渭 块 。 放 大 
停 用 图 层 属性 的 关键 帧 设置 。 
14-4 


仿 关键 帧 导航 器 4 。 ，: 轨道 标签 左 侧 的 箭头 按 
钮 用 于 将 当前 时 间 指示 器 从 当前 位 置 移 到 上 一 个 或 下 一 个 关键 帧 。 单 击 中 间 的 按钮 可 添加 或 删除 当前 时 间 的 关键 帧 。 

间 音频 控制 按钮 国 : 使 用 该 按钮 可 以 关闭 或 启用 音频 的 播放 。 

仿 在 播放 头 处 拆 分 x|: 使 用 该 按钮 可 以 在 时 间 指示 器 畏 所 在 位 置 拆 分 视频 或 音频 。 

名 过 渡 效 果品 : 单 击 该 按钮 并 执行 下 拉 菜 单 中 的 相应 命令 ， 可 以 为 视频 添加 过 渡 效 果 ， 创 建 专业 的 淡化 和 交叉 淡化 效果 。 

兮 当前 时 间 指示 器 盛 : 拖 中 当前 时 间 指示 器 可 以 浏览 帧 或 更 改 当前 时 间或 帧 。 
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名 时 间 标 尺 ， 根据 当前 文档 的 持续 时 间 和 帧 速率 ， 水 平 测量 持续 时 间或 帧 计数 。 

名 图 层 持续 时 间 条 : 指定 图 层 在 视频 或 动画 中 的 时 间 位 置 。 

六 工作 区 域 指示 嚣 : 拖 上 忠 位 于 项 部 轨道 任 一 端的 蓝 色 标签 ， 可 以 标记 要 预览 或 导出 的 动画 或 视频 的 特定 部 分 。 
名 向 轨道 添加 媒体 /音频 末 : 单 击 该 按钮 ， 可 以 打开 一 个 对 话 框 将 视频 或 音频 添加 到 轨道 中 。 

名 转换 为 帧 动画 om : 单 击 该 按钮 ， 可 以 将 “时 间 轴 ”面板 切换 到 帧 动画 模式 。 


EE 

J 六 案例 实战 一 一 制作 位 置 动画 3 名 将 光标 移 到 “工作 区 域 指示 器 ”末端 ， 然 后 按 住 鼠 
如 文件 路 径 。 第 14 章 \ 制 作 位 置 动画 标 左 键 拖 动 ， 将 其 拖 至 03:00f 处 ， 接 着 依次 将 “图 层 持续 时 
图 人 间 条 ”也 拖 到 03:00f 处 ， 这 样 视频 播放 的 时 间 就 是 3 秒 钟 ， 如 
8 案例 效果 图 14-8 所 示 。 

8 案例 效果 如 图 14-5 所 示 。 : i 
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图 14-8 

荐 选择 “钥匙 按钮 ”图 层 ， 将 “当前 时 间 指 示 器 ” 
拖 到 00:00f 处 ， 然 后 单 击 图 层 名 称 前 方 的 ， 按 钮 展开 隐藏 的 选 
项 ， 接 着 单 击 “ 位 置 ”选项 中 的 “启用 关键 帧 动画 ”按钮 它 ， 
操作 步骤 在 00:00f 处 添加 一 个 关键 帧 ， 如 图 14-9 所 示 。 

车 打开 素材 文件 “1.psd”， 如 图 14-6 所 示 。 执 行 “ 窗 
口 > 时 间 轴 ”命令 ， 打 开 “ 时 间 轴 ”面板 ， 接 着 单 击 “ 创 建 
视频 时 间 轴 ”按钮 ， 如 图 14-7 所 示 。 


图 14-9 
加 将 “当前 时 间 指 示 器 ” 拖 到 01:00f 处 ， 单 击 “ 位 
置 ” 选 项 前 方 的 ” 按钮 ， 在 01:00f 处 添加 一 个 关键 帧 ， 如 
i 图 14-10 所 示 。 接 着 在 “图 层 ” 面 板 中 选择 “钥匙 按钮 ”图 
:” 层 ， 然 后 选择 “移动 工具 ”， 按 住 Shift 键 将 按钮 向 右 平移 ， 
”如 图 14-11 所 示 。 
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图 14-11 
了 B 在 02:00f 处 添加 关键 帧 ， 如 图 14-12 所 示 。 然 后 将 钥 
匙 按钮 向 右 拖 动 ， 如 图 14-13 所 示 。 
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图 14-13 


隐 在 03:00f 处 添加 关键 帧 ， 如 图 14-14 所 示 。 然 后 
将 钥匙 按钮 向 右 拖 动 ， 拖 至 开锁 按钮 上 方 ， 如 图 14-15 所 示 。 
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图 14-15 


车 将 “当前 时 间 指 示 器 ” 拖 到 00:00f 处 ， 单 击 “ 播 
放 ” 按 钮 “ 查看 动画 效果 ， 如 图 14-16 所 示 ， 如 图 14-17 所 示 
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操作 步骤 

车 打开 素材 文件 “1.psd”， 其 中 包括 多 个 图 层 ， 
如 图 14-19 所 示 。 执 行 “ 窗 口 > 时 间 轴 ”命令 ， 打 开 “ 时 间 
轴 ” 面 板 ， 接 着 单 击 “ 创 建 视 频 时 间 轴 ” 按 钮 ， 如 图 14-20 
i 所 示 。 


妈 案例 实战 
文件 路径 。 ”第 14 章 \ 不 和 明度 动画 
难 易 指数。 让 和 在 


案例 效果 
案例 效果 如 图 14-18 所 示 。 
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图 14-18 图 14-19 
“图 层 ” 面 板 中 单 击 “ 商 品 ” 图 层 ， 设 置 “ 不 透明 度 ” 为 
时 间 输 本 


i 0%， 如 图 14-23 所 示 。 
ad gc 加 i 


图 14-20 


加 将 光标 移 到 “工作 区 域 指示 器 ”末端 ， 然 后 按 住 
鼠标 左 键 拖 动 ， 将 其 拖 至 03:00f 处 ， 接 着 依次 将 各 个 图 层 的 
“图 层 持续 时 间 条 ”也 拖 到 03:00f 处 ， 这 样 视频 播放 的 时 间 
就 是 3 秒 钟 ， 如 图 14-21 所 示 。 : a 
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图 14-21 : 图 14-23 
加 选择 “商品 ”图 层 ， 将 “当前 时 间 指 示 器 ” 拖 到 了 将 “当前 时 间 指示 器 ” 拖 到 01:00f 处 ， 然 后 单 击 
00:00f 处 ， 然 后 单 击 图 层 名 称 前 方 的 》 按 钮 展开 隐藏 的 选 : “不 透明 度 ” 选 项 前 方 的 。 按钮 ， 在 01:00f 处 添加 一 个 关 
项 ， 接 着 单 击 “ 不 透明 度 ” 选 项 中 的 “启用 关键 帧 动画 ” 按 : 键 帧 ， 如 图 14-24 所 示 。 接 着 设置 “商品 ”图 层 的 “不 透明 
钮 全 ， 在 00:00f 处 添加 一 个 关键 帧 ， 如 图 14-22 所 示 。 最 后 在 。: 度 ” 为 35%， 如 图 14-25 所 示 。 
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图 14-25 
区 在 02:00f 处 添加 一 个 关键 帧 ， 如 图 14-26 所 示 。 接 
着 设置 “商品 ”图 层 的 “不 透明 度 ” 为 70%， 如 图 14-27 
所 示 。 
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图 14-27 
在 03:00f 处 添加 一 个 关键 帧 ， 如 图 14-28 所 示 。 接 


i 着 设置 “商品 ”图 层 的 “不 透明 度 ” 为 100%， 如 图 14-29 


所 示 。 
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图 14-29 


可 将 “当前 时 间 指 示 器 ” 拖 到 00:00f 处 ， 单 击 “ 播 放 ” 
按钮 查看 动画 效果 ， 如 图 14-30 所 示 ， 如 图 14-31 所 示 为 播放 
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操作 步骤 


ED 打开 素材 文件 “1.psd” ， 如 图 14-33 所 示 。 执行 
“窗口 > 时 间 轴 ” 命令， 打开 “时 间 轴 ” 面 板 ， 接 着 单 击 


“创建 视频 时 间 轴 ”按钮 ， 如 图 14-34 所 示 。 
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图 14-35 
加 选择 “大 圆 ” 图 层 ， 将 “当前 时 间 指 示 器 ” 拖 到 


| 00:00f 处 ， 然 后 单 击 图 层 名 称 前 方 的 ， 按 钮 展开 隐藏 的 选项 ， 
”接着 单 击 “ 样 式 ” 选 项 中 的 “启用 关键 帧 动画 ”按钮 饭 ， 在 
: 00:00f 处 添加 一 个 关键 帧 ， 如 图 14-36 所 示 。 


图 14-36 


车 将 “当前 时 间 指 示 器 ” 拖 到 01:00f 处 ， 然 后 单 击 
“样式 ”选项 前 方 的 《 按钮 ， 在 01:00f 处 添加 一 个 关键 帧 ， 


| 如 图 14-37 所 示 。 接 着 在 “图 层 ” 面 板 中 选中 “大 圆 ”图 


层 ， 执 行 “ 图 层 > 图 层 样 式 > 渐 变 受 加 ”命令 ,在 弹出 的 对 
“ 浙 
变 ”为 浅 绿色 系 的 渐变 ，“ 样 式 ” 为 “线性 ”， 参 数 设置 如 
图 14-38 所 示 。 


Cre ]- 
po 力 人 
图 14-34 图 14-357 
8 将 光标 移 到 “工作 区 域 指示 器 ”末端 ， 然 后 按 住 鼠 了 B 色 选 “ 描 边 ”选项 ， 设 置 “大 小 ”为 15 像 素 ，“ 位 
置 ” 为 “外 部 ”，“ 混 合 模式 ”为 “正常 ”，“ 颜 色 ” 为 浅 


标 左 键 拖 动 ， 将 其 拖 至 03:00f 处 ， 接 着 依次 将 “图 层 持续 时 
间 条 ”也 拖 到 03:00f 处 ， 这 样 视频 播放 的 时 间 就 是 3 秒 钟 ， 如 
图 14-35 所 示 。 


绿色 ， 参 数 设 置 如 图 14-39 所 示 。 设 置 完成 后 单 击 “确定 ” 
按钮 ， 此 时 画面 效果 如 图 14-40 所 示 。 
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图 14-40 


在 02:00f 处 添加 一 个 关键 帧 ， 如 图 14-41 所 示 。 执 行 
“图 层 > 图 层 样式 > 渐变 破 加 ”命令 ， 打 开 “ 图 层 样式 ”对 话 
框 ， 将 渐变 又 加 的 颜色 更 改 为 紫色 系 的 渐变 颜色 ， 如 图 14-42 
所 示 。 
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图 14-44 


在 03:00f 处 添加 一 个 关键 帧 ， 如 图 14-45 所 示 。 执 行 
“图 层 > 图 层 样式 > 渐变 又 加 ”命令 ， 打 开 “ 图 层 样式 ”对 
; 话 框 ， 将 渐变 叠加 的 颜色 更 改 为 浅 红色 系 的 渐变 颜色 ， 如 
| 图 14-46 所 示 。 
萝 选择 “ 描 边 ”选项 ， 然 后 设置 描 边 颜色 为 浅 粉 色 ， 


参数 设置 如 图 14-47 所 示 。 设 置 完 成 后 单 击 “确定 ”按钮 ， 
i 此 时 画面 效果 如 图 14-48 所 示 。 
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案例 效果 
案例 效果 如 图 14-51 所 示 。 
操作 步骤 


了 V 打开 素材 文件 “1.psd”， 如 图 14-52 所 示 。 选 择 
“文字 ”图 层 ， 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 执行 


“转换 为 智能 对 象 ”命令 ， 将 “文字 ”图 层 转换 为 智能 
层 ， 这 样 才能 在 创建 “时 间 轴 ”动画 时 显示 “变换 ”选项 ， 
如 图 14-53 所 示 。 
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图 14-48 
将 “当前 时 间 指 示 器 ” 拖 到 00:00f 处 ， 单 击 “ 播 
放 ” 按 钮 查看 动画 效果 ， 如 图 14-49 所 示 ， 如 图 14-50 所 示 
为 播放 效果 。 
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图 14-52 
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图 14-53 


加 执行 “窗口 > 时 间 轴 ”命令 ， 打 开 “ 时 间 轴 ” 面 i 


板 ， 单 击 “ 创 建 视频 时 间 轴 ”按钮 ， 如 图 14-54 所 示 。 将 光 
标 移 到 “工作 区 域 指示 器 ”末端 ， 然 后 按 住 鼠标 左 键 拖 动 ， 


将 其 拖 至 03:00f 处 ， 接 着 依次 将 “图 层 持续 时 间 条 ”也 拖 到 : 


03:00f 处 ， 这 样 视频 播放 的 时 间 就 是 3 秒 钟 ， 如 图 14-55 所 示 。 
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图 14-55 
区 在 “时 间 轴 ”面板 中 选择 “文字 ”图 层 ， 将 “当前 


时 间 指 示 器 ” 拖 到 00:00f 处 ， 然 后 单 击 图 层 名 称 前 方 的 》 按钮 
展开 隐藏 的 选项 ， 接 着 单 击 “ 变 换 ” 选 项 中 的 “启用 关键 帧 


图 14-56 


将 “当前 时 间 指示 器 ” 拖 到 01:00f 处 ， 然 后 单 击 
“变换 ”选项 前 方 的 8 按钮 ， 在 01:00f 处 添加 一 个 关键 帧 ， 
如 图 14-57 所 示 。 接 着 在 “图 层 ” 面 板 中 选择 “文字 ”图 
层 ， 使 用 自由 变换 快捷 键 Ctrl+T 调 出 定 界 框 ， 将 文字 适当 放 
大 ， 如 图 14-58 所 示 。 放 大 完成 后 按 Enter 键 。 


动画 ”按钮 证 ， 在 00:00f 处 添加 一 个 关键 帧 ， 如 图 14-56 所 示 。 


图 14-58 
其 在 02:00f 处 添加 关键 帧 ， 如 图 14-59 所 示 。 接 着 在 
“图 层 ” 面 板 中 选择 “文字 ”图 层 ， 然 后 将 文字 进行 放大 ， 
效果 如 图 14-60 所 示 。 


了 B 在 03:00f 处 添加 关键 帧 ， 0 
如 图 14-61 所 示 。 在 “图 层 ”面板 中 -eg 


选择 “文字 ”图 层 ， 然 后 将 文字 进 和 有 
行 放 大 ， 效 果 如 图 14-62 所 示 。 一 一 一 一 - - 
葬 将 “当前 时 间 指示 器 ” 拖 EE | 
到 00:00f 处 ， 单 击 “ 播 放 ” 按 钮 > | + 
查看 动画 效果 ， 如 图 14-63 所 示 ， 如 同 
图 14-64 所 示 为 播放 效果 。 my) 
图 14-60 图 14-61 
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图 14-62 图 14-63 图 14-64 


六 案例 实战 一 一 添加 转 场 特效 


文件 路 径 第 14 章 \ 逐 加 转 场 特效 
难 易 指数 伍 食 全 从 全 


案例 效果 
案例 效果 如 图 14-65 所 示 。 
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图 14-66 
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14-65 


操作 步骤 

加 打开 素材 文件 “1.psd”， 如 图 14-66 所 示 。 执 行 
“窗口 > 时 间 轴 ”命令 ， 打 开 “ 时 间 轴 ”面板 ， 接 着 单 击 
“创建 视频 时 间 轴 ”按钮 ， 如 图 14-67 所 示 。 
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将 光标 移 到 “工作 区 域 指示 器 ”末端 ， 然 后 按 住 鼠 
标 左 键 拖 动 ， 将 其 拖 至 03:00f 处 ， 接 着 依次 将 “图 层 持续 时 
间 条 ”也 拖 到 03:00f 处 ， 这 样 视频 播放 的 时 间 就 是 3 秒 钟 ， 
如 图 14-68 所 示 。 将 图 层 “1” 的 “图 层 持续 时 间 条 ” 拖 至 
15f 处 ， 然 后 将 图 层 “2” 的 开始 时 间 拖 至 15f 处 ， 如 图 14-69 
所 示 。 
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图 14-69 
单 击 “ 过 渡 效 果 ” 按 钮 2，， 可 以 看 到 5 种 过 渡 效 果 ， 
在 这 里 选择 “白色 渐 隐 ”效果 ， 按 住 鼠 标 左 键 将 其 拖 到 图 层 
“1” 的 “图 层 持续 时 间 条 ”的 末端 ， 如 图 14-70 所 示 。 释 放 
鼠标 即 可 看 到 过 渡 效 果 的 图 标 ， 这 表示 效果 添加 成 功 了 ， 如 
图 14-71 所 示 。 


图 14-70 


[在 过 滤 效 果 上 拖 动 “ 当 前 时 间 指示 器 ”查看 过 渡 效 
果 ， 这 样 就 可 以 在 播放 到 这 个 位 置 时 产生 过 渡 到 白色 的 效 


果 ， 如 图 14-72 所 示 。 


图 14-71 
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图 14-72 
其 再 次 单 击 “ 过 渡 效 果 ” 按 钮 a， 选 择 “ 白 色 渐 隐 ” 
效果 ， 按 住 鼠 标 左 键 将 其 拖 到 图 层 “2” 的 “图 层 持续 时 间 
条 ”的 起 始 位 置 ， 添 加 过 渡 效 果 ， 如 图 14-73 所 示 。 接 着 查 
看 过 渡 效 果 ， 这 样 就 可 以 制作 出 由 白色 到 显示 的 效果 ， 如 
图 14-74 所 示 。 


图 14-75 
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图 14-74 

大 将 “当前 时 间 指 示 器 ” 拖 到 00:00f 处 ， 单 击 “ 播 
放 ” 按 钮 > 查看 动画 效果 ， 如 图 14-75 所 示 ， 如 图 14-76 所 示 
为 播放 效果 。 


在 转 场 特效 上 方 单 去 鼠标 右键， 在 弹出 的 “过 流放 
果 ” 对 话 框 中 能 够 重新 选择 过 渡 效 果 、 持 续 时 间 和 删除 } 
特效 ， 如 图 14-77 所 示 。 | 


视频 的 最 大 特征 体现 在 它 是 一 种 形声 并 茂 的 艺术 表达 形式 ， 而 且 在 Photoshop 中 也 可 以 为 视频 文件 添加 背景 音乐 。 在 
Photoshop 中 打开 素材 图 片 ， 然 后 打开 “时 间 轴 ”面板 。 单 击 “添加 音频 ”按钮 画 ;5， 在 弹出 的 菜单 中 执行 “添加 音频 ” 命 
令 ， 如 图 14-78 所 示 。 接 着 在 弹出 的 “打开 ”对 话 框 中 选择 所 需 的 音频 文件 ， 然 后 单 击 “ 打 开 ” 按 钮 ， 即 可 在 Photoshop 中 打 


开 音 频 文件 ， 如 图 14-79 所 示 。 下 二 | 
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| 创建 帧 动画 


执行 “窗口 > 时 间 轴 ”命令 ,打开 “时 间 轴 ” 面 
板 ， 单 击 “ 创 建 帧 动画 ”按钮 ， 如 图 14-80 所 示 。 在 帧 动 ; 


画 “ 时 间 轴 ”面板 中 ， 会 显示 动画 中 每 个 帧 的 缩 览 图 。 
使 用 面板 底部 的 工具 可 浏览 各 个 帧 、 
加 和 删除 帧 以 及 预览 动画 。 如 图 14-81 所 示 为 “时 间 轴 ” 
面板 。 
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图 14-81 


岛 当前 帧 ， 当 前 选择 的 帧 。 
仿 帧 延迟 时 间 : 设置 帧 在 回放 过 程 中 的 持续 时 间 。 


上 @ 循环 选项 : 设置 动画 在 作为 动画 GIF 文件 导出 时 的 播 i 


放 次 数 。 
加 选择 第 一 帧 "| 单 击 该 按钮 ， 可 以 选择 序列 中 的 第 1 
帧 作为 当前 帧 。 


外 选择 前 一 帧 *j: 单 击 该 按钮 ， 
一 帧 。 
的 播放 动画 > |: 单 击 该 按钮 ， 可 以 在 文档 窗口 中 播放 ; 
动画 。 如 果 要 停止 播放 ， 可 以 再 次 单 击 该 按钮 。 : 
加 选择 下 一 帧 "|: 单 击 该 按钮 ， 可 以 选择 当前 帧 的 下 
一 帧 。 3 
仿 过 滚动 画 帧 、 : 在 两 个 现 有 帧 之 间 添 加 一 系列 帧 ， 


通过 插值 方法 使 新 帧 之 间 的 图 层 属性 均匀 。 
合 复制 所 选 帧 唱 : 

帧 向 动画 添加 帧 。 
全 删除 所 选 帧 m8 : 将 所 选择 的 帧 删除 。 
@ 转换 为 时 间 轴 动画 二 : 


每 个 帧 的 缩 览 图 。 ; 帧 ， 可 以 将 每 一 帧 作为 一 
设置 循环 选项 、 添 ;于 隐藏 的 状态 ， 如 图 14-82 所 示 。 执 行 “ 窗 口 > 时 间 轴 ” 命 令 ， 打 


| 开 “ 时 间 轴 ”面板 ， 然 后 单 击 “ 创 建 帧 动画 ”按钮 ， 如 图 14-83 


可 以 选择 当前 帧 的 前 


通过 复制 “时 间 轴 ”面板 中 的 选 定 i 


将 帧 模式 “时 间 轴 ”面板 切 


换 到 时 间 轴 模式 “时 间 轴 ”面板 。 


(1) 想 要 创建 帧 动画 ， 首 先 需 要 在 文档 中 添加 全 部 的 动画 
个 图 层 。 此 时 可 以 看 到 界面 图 层 都 处 


图 14-82 
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图 14-83 


(2) 设置 每 一 帧 之 间 的 时 间 。 单 击 “ 帧 延迟 时 间 ” 按 钮 ， 


i 在 下 拉 列表 中 选择 10， 如 图 14-84 所 示 。 
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(3) 新 建 帧 。 单 击 忆 按钮 新 建 一 帧 ， 如 图 14-85 所 示 。 
然后 在 “图 层 ” 面 板 中 显示 图 层 “1”， 此 时 这 一 帧 就 记录 
了 当前 画面 显示 的 内 容 ， 如 图 14-86 所 示 。 
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图 14-85 


图 14-86 


(4) 再 新 建 一 帧 ， 如 图 14-87 所 示 ， 然 后 显示 图 层 
“2”， 如 图 14-88 所 示 。 
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图 14-88 


(5) 每 新 建 一 帧 显示 一 个 图 层 ， 如 图 14-89 所 示 。 接 着 
设置 循环 选项 ， 单 击 “ 一 次 ”后 侧 的 Y 按钮 ， 在 下 拉 列 表 中 
选项 循环 次 数 ， 在 这 里 选择 “永远 ”， 如 图 14-90 所 示 。 
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图 14-90 


(6) 单 击 “ 播 放 动画 ”按钮 查看 播放 效果 ， 如 图 14-91 
所 示 。 
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案例 效果 
案例 效果 如 图 15-1 所 示 。 


这 是 一 款 扁平 化 文件 图 标 设计 ， 适 用 于 商务 办 


图 标 内 部 红色 区 域 形 似 一 本 演算 本 ， 元 素 边缘 设计 


领域 ， 
二 干净 利 


落 、 结 构 简 洁 。 该 图 标 放 弃 一 切 如 3D、 透 视 、 渐 变 等 装饰 
性 元 素 ， 以 简洁 明了 的 图 形 作为 图 标 ， 主 体 颜色 与 背景 颜色 


差异 明显 ， 在 繁 乱 的 操作 中 能 快速 找到 该 工具 。 不 会 


造成 眼 


花 景 乱 之 感 ， 从 而 使 得 这 种 风格 更 具 优 势 和 魅力 。 如 图 15-2 


和 图 15-3 所 示 为 优秀 的 图 标 设计 作品 。 


该 标志 整体 以 红色 调 为 主 ， 提 到 红色 可 以 联想 到 热情 、 | 
动力 、 激 情 等 词汇 ， 将 红色 运用 到 办 公 标 志 中 可 提高 


极 性 ， 使 工作 者 更 加 谨慎 地 完成 自己 的 工作 任务 。 


工作 积 
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图 15-4 


图 15-5 


(1) 执行 “文件 > 新 建 ”命令 ， 创 建 一 个 新 的 文档 。 
接 下 来 制作 图 标 。 在 工具 箱 中 右 击 形状 工具 组 ， 在 形状 工具 
; 组 列表 中 选择 “ 圆 角 矩形 工具 ”， 在 选项 栏 中 设置 “绘制 模 


| 式 ” 为 “形状 ”， 
。 径 ” 为 5 像素。 设置 完 成 后 ， 在 画面 中 按 住 Shift 键 的 同时 接 
。 住 鼠 标 左 键 拖 动 绘制 一 个 正 贺 角 憩 形 ， 如 图 15-6 所 示 。 
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(2) 为 该 圆 角 矩形 添加 效果 。 在 “图 层 ” 面 板 中 选中 
角 和 矩形 图 层 ， 执 行 “ 图 层 > 图 层 样式 > 投影 ”命令 ， 在 弹 


其 次 加 上 


淡 灰 色 背 景 的 衬托 ， 使 醒目 色 变 得 更 加 柔和 。 除 了 红色 之 
外 ， 蓝 色 、 青 色 、 绿 色 等 冷色 调 也 常用 于 商务 主题 的 界面 设 


计 中 ， 如 图 15-4 和 图 15-5 所 示 。 


i 出 的 “图 层 样式 ”对 话 框 中 设置 “混合 模式 ”为 “正片 到 
底 ”， 颜 色 为 黑色 ， 
度 ，“ 距 离 ”为 5 像素 ，“ 大 小 ”为 8 像素 ， 设 置 完成 后 单 击 


“确定 ”按钮 ， 如 


“填充 ”为 浅 灰色 ，“ 描 边 ” 为 无 ，“ 半 


图 15-6 


“不 透明 度 ” 为 60%，“ 角 度 ” 为 120 


15-7 所 示 ， 此 时 效果 如 图 15-8 所 示 。 
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图 15-7 


(3) 在 圆 角 矩形 上 方 制作 图 标 形状 。 选 择 工具 箱 中 的 : 


“矩形 工具 ”， 在 选项 栏 中 设置 “绘制 模式 


“填充 ”为 红色 ，“ 描 边 ”为 无 ，“ 路 径 操作 ”为 “ 减 去 顶 i 
层 形状 ”， 设 置 完成 后 ， 在 画面 中 按 住 鼠 标 左 键 拖 动 绘制 矩 


形 ， 如 图 15-9 所 示 。 
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图 15-9 


(4) 在 矩形 内 部 继续 绘制 矩形 ， 此 时 绘 


减 去 ， 如 图 15-10 所 示 。 用 同样 的 方法 继续 
制 矩 形 形 状 ， 如 图 15-11 所 示 。 
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图 15-10 i 
(5) 调整 红色 矩形 形状 。 选 择 该 形状 图 层 ， 在 工具 箱 ! 
中 右 击 钢 笔 工具 组 ， 在 钢笔 工具 组 列表 中 选择 “添加 锚 点 工 图 15-14 


i 具 ”， 然 后 在 路 径 上 单 击 添加 锚 点 ， 如 图 15-12 所 


示 。 接 下 


j 来 在 钢笔 工具 组 中 选择 “转换 点 工具 ”， 在 锚 点 上 单 击 ， 将 


i 平滑 点 转换 为 角 点 ， 如 图 15-13 所 示 。 
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图 15-8 


加 


”为 “形状 ”， 


Be 
马 


图 15-12 


Et pe 59% PN 2 RE * 


9x 贺 -srsdo+ 


Be 


图 15-13 


| 的 拓 形 将 被 (6) 用 同样 的 方法 使 用 “添加 错 点 工具 ”在 矩形 右 侧 


F 滑 点 转换 


在 红色 逢 形 中 绘 。 边缘 添加 一 个 错 点 ， 然 后 使 用 “转换 点 工具 ”将 
; 为 角 点 ， 如 图 15-14 所 示 。 
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(7) 在 工具 箱 中 右 击 钢笔 工具 组 ， 在 钢笔 工具 组 列表 : “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 深 红色 ，“ 描 边 ”为 
中 选择 “删除 锚 点 工具 ”， 在 图 形 右 上 方 锚 点 处 单 击 ， 在 弹 无 ， 然 后 在 红色 图 标 右上 角 绘 制 形状 ， 如 图 15-20 所 示 。 
出 的 对 话 框 中 单 击 “ 是 ”按钮 ， 将 实时 形状 转换 为 常规 路 : 
径 ， 如 图 15-15 所 示 ， 此 时 效果 如 图 15-16 所 示 。 : 
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图 15-15 
(8) 为 该 图 标 添 加 投影 效果 。 单 击 选中 圆 角 矩形 图 层 ， 
在 该 图 层 上 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 执行 “ 找 
贝 图 层 样式 ”命令 ， 如 图 15-17 所 示 。 然 后 单 击 红色 图 标 图 
层 ， 在 该 图 层 上 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 执行 
“粘贴 图 层 样 式 ” 命 令 ， 如 图 15-18 所 示 ， 此 时 效果 如 图 15-19 
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SE 图 15-20 
所 示 。 (10) 为 该 形状 添加 同样 的 “投影 ”图 层 样式 ， 此 时 效 
; 果 如 图 15-21 所 示 。 此 时 图 标 制作 完成 ， 效 果 如 图 15-22 所 示 。 
。| | 
-no Et 
图 15-16 图 15-17 上 
(9) 选择 工具 箱 中 的 “钢笔 工具 ”， 在 选项 栏 中 设置 图 15-21 图 15-22 
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案例 效果 
案例 效果 如 图 15-23 所 示 。 


图 15-23 


本 案例 是 一 款 扁平 化 风格 的 闹钟 APP 图 标 ， 该 类 型 闹钟 
设计 是 功能 上 的 简化 与 重组 ， 具 有 设计 简约 、 条 理 清 晰 、 
适用 性 强 等 特点 。 简 洁 明 了 的 扁平 化 设计 可 以 更 加 简单 直 
接地 将 自身 信息 展示 出 来 ， 在 一 定 程度 上 减少 了 认 知 障碍 的 
产生 。 该 图 标 采 用 对 称 版 式 ， 标 志 位 于 正方 形 中 心 位 置 ， 从 
中 间 以 竖 线 划分 ， 左 右 两 侧 基本 一 致 ， 很 好 地 展示 出 它 的 稳 
定性 与 平衡 性 。 如 图 15-24 和 图 15-25 所 示 为 优秀 的 图 标 设 计 
作品 。 


图 15-24 图 15-25 


该 闹钟 图 标 采用 了 多 种 灰 调 的 纯色 ， 用 蓝 色 搭配 黄色 ， 


图 15-28 


本 


ET 


形成 当下 流行 的 撞 色 搭配 ， 雅 致 而 时 尚 ， 且 明度 、 纯 度 较 
低 ， 褪 去 了 艳丽 颜色 的 浮躁 ， 散 发 出 一 种 宁静 感 。 如 图 15-26 
和 图 15-27 所 示 为 优秀 的 图 标 设计 作品 。 
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(1) 执行 “文件 > 新 建 ”命令 ， 创 建 一 个 新 的 文档 。 单 
击 工具 箱底 部 的 “前 景色 ”按钮 ， 在 弹出 的 “ 拾 色 器 ”对 话 
框 中 设置 颜色 为 深 青 色 ， 设 置 完 成 后 单 击 “ 确 定 ”按钮 ， 如 
图 15-28 所 示 。 接 着 使 用 前 景色 填充 快捷 键 AlttDelete 进 行 快 


速 填充 ， 如 图 15-29 所 示 。 

(2) 绘制 闹钟 表 壳 形状 。 在 工具 箱 中 右 击 形状 工具 
， 在 形状 工具 组 列表 中 选择 “椭圆 工具 ”， 在 选项 栏 中 设 
置 “ 绘 制 模式 ”为 “形状 ”，“ 填 充 ” 为 淡 黄 色 ，“ 描 边 ” 
为 无 ， 如 图 15-30 所 示 。 设 置 完 成 后 在 画面 中 进行 绘制 ， 如 
图 15-31 所 示 。 
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图 15-31 


IE 


5 
名 
i 
| 
石 
[@) 
[@ 


In 芝 冶 千 


状 亚 笠 涉 司 济 


sr 
上 


(3) 在 选项 栏 中 将 “填充 ”设置 为 较 浅 的 米黄 色 ， 按 
住 Shift+Alt 快 捷 键 在 淡 黄色 圆 形 上 方 拖 动 鼠标 左 键 ， 绘 制 一 
个 中 心 等 比例 圆 ， 如 图 15-32 所 示 。 


加 


图 15-32 
(4) 绘制 闹钟 表 冠 。 选 择 工具 箱 中 的 “钢笔 工具 ”， 
在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 淡 黄 
色 ，“ 描 边 ” 为 无 ， 如 图 15-33 所 示 。 设 置 完成 后 在 画面 中 
进行 绘制 ， 如 图 15-34 所 示 。 
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图 15-34 
(5) 制作 左 侧 钟 铃 形状 。 选 择 “钢笔 工具 ”， 在 选项 栏 


中 设置 “绘制 模式 ”为 “形状 ”，“ 盾 充 ” 为 蓝 灰色 ，“ 描 
边 ” 为 无 ， 设 置 完成 后 在 画面 中 进行 绘制 ， 如 图 15-35 所 示 。 

(6) 在 “图 层 ” 面 板 中 单 击 选中 该 图 层 ， 使 用 复制 图 
层 快捷 键 Ctrl+J 复 制 一 个 相同 的 图 层 。 然 后 使 用 自由 变换 快 


i 捷 键 Ctrl+T 调 出 定 界 框 ， 在 对 象 上 单 击 鼠 标 右键 ， 在 弹出 的 


快捷 菜单 中 执行 “水 平 翻转 ”命令 ， 如 图 15-36 所 示 。 接 着 
按 住 鼠标 左 键 向 右 拖 动 至 右 侧 钟 铃 位 置 ， 如 图 15-37 所 示 。 


# 设置 完成 后 按 Enter 键 完成 此 操作 。 
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图 15-35 


图 15-36 


图 15-37 
(7) 制作 左 侧 钟 铃 上 方 螺丝 。 选 择 “ 钢 笔 工 具 ”， 在 选 


项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 橘 黄色 ， 
“ 描 边 ”为 无 ， 设 置 完成 后 在 钟 铃 上 方 进行 绘制 ， 如 图 15-38 
所 示 ， 绘 制 完 成 后 按 Enter 键 完成 此 操作 。 在 “图 层 ”面板 
中 单 击 选中 该 图 层 ， 使 用 复制 图 层 快捷 键 Ctrl+J 复 制 一 个 相 


同 的 图 层 。 接 着 使 用 自由 变换 快捷 键 CttLHT， 此 时 该 对 象 进 
入 自由 变换 状态 ， 在 对 象 上 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜 i 
单 中 执行 “水 平 翻 转 ” 命 令 ， 接 着 按 住 鼠标 左 键 向 右 拖 动 至 : 
右 侧 钟 铃 上 方位 置 ， 如 图 15-39 所 示 。 让 
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图 15-38 
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图 15-39 


(8) 在 画面 左下 方 绘制 圆 形 底 角形 状 。 在 工具 箱 中 右 

击 形状 工具 组 ， 在 形状 工具 组 列表 中 选择 “椭圆 工具 ”， 在 

选项 栏 中 设置 “绘制 模式 ”为 形状 ，“ 填 充 ” 为 蓝 灰 色 ， 

“ 描 边 ”为 无 ， 设 置 完成 后 按 住 Shift 键 的 同时 按 住 鼠标 左 键 

拖 动 绘制 正 圆 ， 如 图 15-40 所 示 。 复 制 该 图 层 ， 将 鼠标 放 在 加 
形 上 方向 右 侧 并 拖 动 到 合适 位 置 ， 如 图 15-41 所 示 。 
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图 15-40 


无 ， 


所 示 。 


图 15-41 
(9) 在 选项 栏 中 设置 “填充 ”为 孔雀 蓝 色 ， 在 钟表 中 
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图 15-42 


形 指针 轴 ， 如 图 15-42 所 示 。 


(10) 绘制 指针 。 在 工具 箱 中 右 击 形状 工具 组 ， 在 形状 


“填充 ”为 孔雀 蓝 色 ， 


i 工具 组 列表 中 选择 “ 圆 角 矩形 工具 ”， 在 选项 栏 中 设置 “ 绘 


; 制 模式 ”为 “形状 ”， “ 描 边 ”为 


“半径 ”为 5 像素 ， 设 置 完 成 后 在 画面 中 进行 绘制 ， 如 
图 15-43 所 示 。 用 同样 的 方法 绘制 另外 一 个 指针 ， 如 图 15-44 


日 [五 了 生男 袍 四: 
FT 


图 15-43 
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图 15-44 

(11) 此 时 闹钟 图 标 过 于 平面 化 ， 接 下 来 为 图 标 添加 阴 
影 。 在 工具 箱 中 选择 “和 矩形 工具 ”， 在 选项 栏 中 设置 “绘制 
模式 ”为 “形状 ”，“ 填 充 ” 为 深 灰 色 ，“ 描 边 ” 为 无 
然后 在 画面 中 进行 绘制 ， 如 图 15-45 所 示 。 接 着 使 用 自由 变 
换 快 捷 键 Ctrl+T 调 出 定 界 框 ， 将 光标 定位 到 定 界 框 以 外 ， 当 
光标 变 为 带 有 弧度 的 双 箭 头 时 ， 按 住 鼠 标 左 键 并 拖 动 进行 旋 
转 ， 如 图 15-46 所 示 。 旋 转 完成 后 按 Enter 键 完成 此 操作 。 
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图 15-45 


图 15-46 


(12) 此 时 将 鼠标 放 在 图 形 上 方 ， 按 住 鼠 标 左 键 向 右 侧 
拖 动 ， 如 图 15-47 所 示 。 
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图 15-47 

(13) 单 击 选中 该 图 层 ， 在 “图 层 ” 面 板 中 设置 该 图 层 

的 “不 透明 度 ” 为 30%， 如 图 15-48 所 示 ， 此 时 画面 效果 如 
图 15-49 所 示 。 
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图 15-48 

(14) 选中 该 阴影 图 层 ， 按 住 鼠 标 左 键 向 下 拖 至 最 底 

层 ， 如 图 15-50 所 示 。 此 时 画面 中 的 阴影 效果 呈现 出 来 了 ， 
如 图 15-51 所 示 。 
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图 15-50 

(15) 调整 阴影 效果 。 选 择 该 图 层 ， 单 击 “ 图 层 ”面板 
底部 的 “添加 图 层 蒙 版 ”按钮 ， 为 该 图 层 添 加 图 层 蒙 版 ， 接 
着 将 前 景色 设置 为 黑色 ， 选 择 工具 箱 中 的 “画笔 工具 ”， 在 
选项 栏 中 的 “画笔 预 设 选取 器 ”中 设置 画笔 “大 小 ”为 200 
像素 ， 在 常规 画笔 下 方 选择 “ 柔 边 圆 ”， 如 图 15-52 所 示 。 
然后 单 击 该 图 层 的 图 层 蒙 版 ， 按 住 鼠标 左 键 在 阴影 边缘 处 涂 


图 15-51 


抹 ， 使 阴影 边缘 更 为 柔和 ， 如 图 15-53 所 示 。 
(16) 用 同样 的 方法 绘制 其 他 阴影 部 分 ， 并 将 阴影 图 层 拖 到 相应 图 层 下 方 ， 
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[15 .3 


最 终 画 面 效 果 如 图 15-54 所 示 。 


文件 路 径 第 15 章 \ 果 冻 质感 AP 图 标 
难 易 指数 从 让座 全 人 


案例 效果 如 图 15-55 所 示 。 


15.3.1 项 目 分 析 
本 案例 的 图 标 采 用 了 时 et 立体 化 造型 ， 并 且 
通过 色彩 的 搭配 营造 出 半 透 明 的 果冻 质地 晶莹 、 水 润 ， 非 
常 吸引 人 眼球 。 虽 然 标志 的 体 公 滑 竺 
达 明 确 ， 在 五 颜 六 色 的 人 
纯 、 专 一 的 视觉 个 性 。 如 图 15-56 和 图 15-57 月 
标 设计 作品 。 


图 15-56 
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图 15-55 


图 15-57 


15.3.2 色彩 搭配 


该 图 标 采用 单一 颜 
方式 容易 产生 枯燥 之 感 


色 营 造 出 晶莹 和 
效果 非常 明显 
作品 。 


色 的 配色 方式 ， 虽 然 单 一 颜色 的 配色 
但 是 本 案例 的 图 标 不 同 的 蓝 
主体 图 形 采 用 高 明度 的 白色 ， 视 觉 
。 如 图 15- 58 和 图 15-59 所 示 为 优秀 的 图 标 设计 
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图 15-58 图 15-59 


(1) 执行 “文件 > 新 建 ” 命 令 ， 创 建 一 个 新 的 文档 。 
接 下 来 制作 按钮 的 圆 角 和 矩形 表面 形状 。 在 工具 箱 中 右 击 形状 
工具 组 ， 在 形状 工具 组 列表 中 选择 “ 圆 角 矩形 工具 ”， 在 选 
项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 蓝 色 系 线 
性 渐变 ，“ 和 角度 ”为 120 度 ，“ 描 边 ” 为 无 ，“ 半 径 ” 为 130 
像素 。 设 置 完 成 后 在 画面 中 按 住 鼠标 左 键 拖 动 进行 绘制 ， 如 
图 15-60 所 示 。 
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图 15-60 
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(2) 在 弹出 的 圆 角 和 矩形“ 属性 ”面板 中 ， 单 击 “ 链 


i 
3 
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接 ” 按 钮 取消 将 角 半 径 值 连接 在 一 起 ， 然 后 设置 “左上 角 半 = 


径 ” 和 “ 右 下 角 半 径 ” 同 为 0 像素 ， 如 图 15-61 所 示 ， 此 时 加 
角 托 形 效果 如 图 15-62 所 示 。 
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图 15-62 


(3) 在 “图 层 ” 面 板 中 单 击 选 中 圆 角 拢 形 图 层 ， 使 用 
自由 变换 快捷 键 Ctrl+T 调 出 定 界 框 ， 在 对 象 上 单 击 鼠 标 右 
键 ， 在 弹出 的 快捷 菜单 中 执行 “扭曲 ”命令 ， 如 图 15-63 所 
示 。 接 着 将 光标 定位 到 定 界 框 上 的 控制 点 上 ， 按 住 鼠 标 左 键 
并 向 右 侧 拖 动 ， 同 时 调整 对 象形 态 。 接 着 按 Enter 键 完成 操 


作 ， 如 图 15-64 所 示 。 此 时 在 弹出 的 对 话 框 中 单 击 “ 是 ” 按 
钮 ， 如 图 15-65 所 示 。 此 时 自由 变换 操作 完成 。 


图 15-63 图 15-64 
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图 15-65 


(4) 制作 按钮 边框 。 选 择 工 具 箱 中 的 “钢笔 工具 ”， 
在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”， 为 了 不 影响 绘 
制 操作 ， 先 将 “填充 ”设置 为 无 ，“ 描 边 ” 设 置 为 无 ， 
设置 完成 后 沿 着 圆 角 矩形 外 轮廓 绘制 路 径 ， 如 图 15-66 和 
图 15-67 所 示 。 
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图 15-66 
(5) 将 选项 栏 中 的 “填充 ”设置 为 蓝 色 线性 渐变 ， 角 


度 为 120 度 ， 如 图 15-68 所 示 ， 此 时 按钮 边框 效果 如 图 15-69 : 


所 示 。 
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图 15-67 


(6) 在 


图 15-68 


如 图 15-72 所 示 。 


图 15-69 
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图 15-71 


图 15-72 
《7) 用 同样 的 方法 制作 按钮 的 高 光 形状 ， 如 图 15-73 


所 示 。 


状 ”，“ 填 充 ” 为 天 蓝 色 ，“ 描 边 ” 为 无 ， “形状 ”为 “ 音 
量 ” 形 状 ， 设 置 完成 后 在 按钮 上 方 按 住 鼠标 左 键 拖 动 进行 绘 
制 ， 如 图 15-74 所 示 。 


角 和 矩形 左 侧 使 用 “钢笔 工具 ”绘制 路 径 ， 制 i 
作 按钮 左 侧 的 厚度 ， 如 图 15-70 所 示 。 然 后 在 选项 栏 中 设置 
一 个 较 浅 的 线性 渐变 “填充 ”， 如 图 15-71 所 示 ， 此 时 效果 : 


(8) 在 按钮 上 制作 音量 形状 。 在 形状 工具 组 列表 中 选 | 
择 “ 自 定形 状 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “ 形 
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图 15-74 
(9) 在 “图 层 ”面板 中 单 击 选中 “音量 ”形状 图 层 ， 


; 使 用 自由 变换 快捷 键 CtlHT， 此 时 对 象 进入 自由 变换 状态 ， 
; 将 光标 定位 到 定 界 框 右上 角 的 控制 点 上 ， 当 光标 变 为 带 有 弧 
; 度 的 双 箭 头 时 ， 按 住 鼠 标 左 键 并 向 左上 角 拖 动 ， 进 行 旋转 并 
; 适当 移动 位 置 ， 如 图 15-75 所 示 。 操 作 完成 后 按 Enter 键 完成 
; 操作 。 由 于 形状 颜色 不 明显 ， 在 选项 栏 中 设置 “填充 ”为 由 
; 灰色 到 和 白色 的 线性 渐变 ， 此 时 效果 如 图 15-76 所 示 。 


图 15-75 


(10) 制作 按钮 的 高 光 形状 ， 使 其 呈现 水 晶 按 钮 效果 。 


i 选择 工具 箱 中 的 “钢笔 工具 ”， 在 选项 栏 中 设置 “绘制 模 
i 式 ” 为 “形状 ”， 
i 成 后 在 按钮 上 方 绘制 形状 ， 如 图 15-77 所 示 。 
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(11) 制作 透明 感 高 光 效果 。 在 “图 层 ” 面 板 中 单 击 选 [IF 本 
中 高 光 形状 图 层 ， 单 击 “ 图 层 ” 面 板 底部 的 “添加 图 层 蒙 版 ” : 


按钮， 如 图 15-78 所 示 。 然 后 选择 工具 箱 中 的 “渐变 工具 ”， :2 和 Te” 
在 选项 栏 中 单 击 打开 “渐变 编辑 器 ”窗口 ， 然 后 编辑 一 种 黑色 二 了 
到 白色 的 渐变 ， 接 着 单 击 “ 确 定 ”按钮 。 最 后 单 击 选项 栏 中 的 a 
“线性 渐变 ”按钮 ， 如 图 15-79 所 示 。 i 。 | 
(12) 在 “图 层 ” 面 板 中 单 击 选中 高 光 图 层 的 图 层 蒙 
i EE 形状 (自由 变换 


版 ， 在 画面 中 按 住 鼠 标 左 键 从 左上 角 到 右 下 角 拖 动 ， 填 充 渐 
变 ， 如 图 15-80 所 示 。 

(13) 此 时 高 光 效果 仍然 过 硬 。 单 击 选中 该 图 层 ， 在 “ 
层 ” 面板 中 设置 该 图 层 的 “不 透明 度 ” 为 30%， 如 图 15-81 : 
所 示 。 此 时 按钮 效果 如 图 15-82 所 示 。 | 
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图 15-81 图 15-82 
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16-1 所 示 。 
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16.1.1 项 目 分 析 


这 是 一 款 旅游 网 站 登录 页 面 设计 ， 该 页 面 与 旅游 图 片 的 
切合 人 们 心理 。 恰 如 酷热 的 盛夏 ， 清 凉 的 海风 赶 走 
或 ， 让 人 舒畅 民 间 怡 。 当 浏览 者 进入 本 页 面 
时 ， 仿 佛 吹 着 海风 置身 于 海边 ， 进 一 步 强化 了 人 们 对 旅行 的 
美好 向 往 ， 这 也 是 此 款 责 面 的 诱 人 之 处 。 如 图 16-2 和 图 16-3 


所 示 为 优秀 的 界面 设计 作品 。 


图 16-2 


图 16-3 


图 16-1 


16.1.2 布局 规划 


该 界面 采用 分 制式 设计 ， 倾 斜 的 切割 方式 直 
条 不 率 的 氛围 。 文 字 | 适 ， 板 块 分 明 ， 
文 对 比 为 版 面 增 加 了 活力 。 版 面 布局 充分 为 浏览 者 着 想 ， 符 


合 人 们 从 左 向 右 的 浏 3 所 以 将 登录 入 口 放 在 左 侧 黄金 
分 割 点 位 置 ， 便 于 让 浏览 者 第 一 时 间 找 到 入 口 。 如 图 16-4 和 
图 16-5 所 示 为 优秀 的 登录 界面 设计 。 


图 16-4 


16.1.3 色彩 搭配 图 16-12 所 示 。 
该 页 面 的 色彩 以 蓝 色 为 主 ， 使 用 临近 色 进 行 搭配 ， 大 面 - 


积 的 浅 蓝 色 给 人 一 种 干净 舒适 的 感受 ， 厚 重 的 蓝 紫 色 可 稳定 2 
画面 ， 使 黑白 灰 关系 更 加 分 明 ， 紫 色 作 为 按钮 颜色 ， 散 发 出 这 
浪漫 神秘 的 色彩 ， 勾 起 浏览 者 的 好 奇 心 。 当 然 也 可 以 尝试 将 和 第 
蓝 紫色 更 改 为 更 轻薄 的 淡 绿色 或 青 蓝 色 ， 如 图 16-6 和 图 16-7 eT 16 
所 示 。 Sa 章 
避 也 
Wwelcome i LF 这 
习 
Gorgeous 界 
区 rT CT 设 
ea EDGE 计 
a 
.7. 
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图 16-9 


图 16-7 


16.1.4 ”实践 操作 


(1) 执行 “文件 > 打开 ”命令 ,打开 背景 素材 “1jpg”， 
如 图 16-8 所 示 。 

(2) 为 画面 右 侧 添加 四 边 形 。 选 择 工具 箱 中 的 “钢笔 
工具 ” 信 .， 设 置 “ 绘 制 模式 ”为 “形状 ”， “填充 ”为 蓝 
色 ，“ 描 边 ” 为 “无 ”， 在 画面 的 右 侧 绘制 一 个 四 边 形 ， 如 
图 16-9 所 示 。 选 择 该 图 层 ， 在 “图 层 ” 面 板 中 设置 它 的 “ 混 
合 模式 ”为 “ 滤 色 ”， 如 图 16-10 所 示 ， 此 时 画面 效果 如 
图 16-11 所 示 。 
(3) 为 画面 的 左 侧 添 加 一 个 藏 蓝 色 的 四 边 形 。 再 次 使 
用 “钢笔 工具 ”， 设 置 “ 绘 制 模式 ”为 “形状 ”，“ 填 充 ” Pes Wi 
为 紫色 ，“ 描 边 ”为 无 ， 在 画面 的 左 侧 绘制 一 个 四 边 形 ， 如 图 16-12 
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2- 制作 按钮 及 文字 


(1) 选择 工具 箱 中 的 “ 圆 角 和 矩 形 工具 ” 国 |， 再 设置 
“绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 白色 ， 


角 和 矩形 ， 如 图 16-13 所 示 。 然 后 选择 圆 角 和 矩形 图 层 ， 按 住 
Shift+Alt 快 捷 键 向 下 拖 动 进行 平移 并 复制 ， 如 图 16-14 所 示 。 
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图 16-14 上 
(2) 选择 工具 箱 中 的 “矩形 工具 ” 国 j， 设 置 “ 绘 制 模 


式 ” 为 “形状 ”，“ 填 充 ” 为 浅 紫色 ，“ 描 边 ” 为 无 ， 在 白 
色 圆 角 和 矩形 的 下 方 绘制 一 个 矩形 ， 如 图 16-15 所 示 。 继 续 使 


用 “和 矩形 工具 ”在 紫色 和 矩形 的 下 方 绘制 一 个 狭长 的 矩形 ， 如 
图 16-16 所 示 。 


“ 描 边 ”为 
无 ，“ 半 径 ” 为 15 像 素 ， 接 着 按 住 鼠 标 左 键 拖 动 绘制 一 个 
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图 16-16 


(3) 选择 工具 箱 中 的 “ 横 排 文 字 工 具 ” 国 ， 设 置 合适 
的 字体 、 字 号 ， 设 置 文字 颜色 为 白色 ， 然 后 在 画面 中 紫色 
边 形 的 上 部 单 击 插入 光标 ， 接 着 输入 文字 ， 如 图 16-17 所 
示 。 使 用 相同 的 方法 输入 其 他 文字 ， 如 图 16-18 所 示 。 
1 [ea 上 | EECEE 
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图 16-18 


(4) 选择 工具 箱 中 的 “ 自 定形 状 工具 ” 国 ， 设 置 “ 绘 
制 模式 ”为 “形状 ”，“ 填 充 ” 为 白色 ，“ 描 边 ”为 无 ， 
单 击 选择 形状 后 面 的 矩形 方块 ， 在 下 拉面 板 中 选择 箭头 
图 案 ， 然 后 在 画面 中 央 位 置 按 住 鼠 标 左 键 拖 动 进行 绘制 ， 如 
图 16-19 所 示 。 执 行 “编辑 > 变换 > 水 平 翻转 ”命令 ， 将 箭头 
水 平 翻转 ， 如 图 16-20 所 示 。 接 着 使 用 “ 横 排 文字 工具 ”在 


;箭头 的 右 侧 输入 文字 ， 如 图 16-21 所 示 。 


DE | 


全 - ee 


ear ts [se 


Welcome 


Gorgeous 


图 16-19 


welcome 


Gorgeous 


图 16-21 


(5) 执行 “编辑 > 变换 > 水 平 翻转 ”命令 ， 选 择 工具 箱 
中 的 “ 拢 形 工具 ”， 设 置 绘制 模式 为 “形状 ”，“ 填 充 ” 为 


深 紫色 ，“ 描 边 ”为 无 ， 在 画面 下 方 画 出 矩形 ， 如 图 16-22 
所 示 。 

(6) 使 用 “ 横 排 文字 工具 ”， 在 紫色 矩形 上 方 输入 字 
母 “W”， 如 图 16-23 所 示 。 接 着 使 用 “ 自 定 形状 工具 ” 绘 


制 3 个 图 标 ， 如 图 16-24 所 示 。 


(7) 使 用 “ 横 排 文字 工具 ”输入 其 他 文字 ， 案 例 完成 
效果 如 图 16-25 所 示 。 
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图 16-25 
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16 凡 综合 实战 一 一 美食 APP 界 面 设计 
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案例 效果 
案例 效果 如 图 16-26 所 示 。 
笔记 
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图 16-26 


下 方 展 示 出 大 众 群 体 对 该 餐厅 的 喜爱 分 值 、 距 离 等 信 
息 ， 使 浏览 者 更 全 面 地 了 解 这 家 餐厅 。 如 图 16-29 和 图 16-30 
折 示 为 优秀 的 界面 设计 作品 。 


16.2.1 项 目 分 析 


这 是 美食 APP 的 界面 设计 ， 以 卡片 形式 展现 产品 信 
息 ， 上 半 部 分 高 质量 清晰 的 美食 图 片 能 够 极 大 地 吸引 人 们 
意 。 界 面 中 按钮 上 出 现 的 绿色 给 消费 者 营造 一 种 健康 、 安 全 
的 感觉 。 打 折 促 销 活动 增强 消费 者 心中 购买 谷 ， 并 且 在 界面 
底部 提供 了 前 往 本 店 用 餐 的 交通 方式 和 距离 ， 为 消费 者 提供 
方便 。 如 图 16-27 和 图 16-28 所 示 为 优秀 的 界面 设计 作品 。 
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图 16-29 
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图 16-27 


16.2.2 布局 规划 


该 界面 采用 中 轴 式 设计 ， 在 形式 上 接近 对 称 版 式 ， 它 
的 特点 在 于 用 按钮 或 图 标 等 元 素 分 割 页 面 ， 打 破 原 页 面 中 
的 拘谨 ， 使 视觉 效果 更 强 。 其 次 ， 界 面 的 白色 搜索 图 标 位 于 
右上 角 了 暗色 的 区 域 ， 既 节约 有 限 的 界面 空间 又 容易 被 浏览 者 
发 现 。 购 买 按钮 位 于 中 心 位 置 ， 方 便 将 喜欢 的 食物 加 入 购物 # 图 16-30 


FLAVOURITE 
APpP TEMPLATE 


Wich prsy Tu Prons 


条 ”， 在 弹出 的 “渐变 编辑 器 ”窗口 中 编辑 一 种 紫色 系 渐变 颜色 ， 然 
后 单 击 “确定 ”按钮 完成 渐变 编辑 操作 ， 接 着 单 击 选项 栏 中 的 “线性 
:; 渐变 ”按钮 ， 如 图 16-34 所 示 。 最 后 在 画面 中 按 住 鼠 标 左 键 并 拖 动 ， 
如 图 16-35 所 示 。 释 放 鼠 标 后 完成 渐变 填充 操作 ， 如 图 16-36 所 示 。 


由 于 界面 中 产品 卡片 上 会 出 现 产品 的 图 片 ， 
所 以 会 导致 界面 中 出 现 多 种 不 可 预料 的 颜色 。 为 了 
避免 视觉 产生 眼花 综 乱 的 感觉 ， 界面 整体 的 背景 采 


用 了 暗色 调 ， 带 有 些许 的 颜色 倾向 。 产 品 卡片 背景 Es a 村 第 
则 为 白色 ， 其 上 的 按钮 为 绿色 ， 代 表 健康 。 少 量 的 : | -=--=。 | 16 
红色 和 黄色 文字 作为 点 级 ， 并 且 这 两 种 颜色 也 是 食 ee i 二 章 
物 中 常 出 现 的 颜色 ， 能 够 起 到 相互 呼应 的 作用 。 如 | | 2 到 
图 16-31 和 图 16-32 所 示 为 不 同 配色 方案 的 界面 。 ! | Bs mm 2 
Delicacy Delicacy : A CE | UL 一 和 
Wee | 刘 
l : 所 ey Re a 计 
| 图 16-33 
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(1) 执行 “文件 > 新 建 ” 命 令 ， 打 开 “ 新 建文 


档 ” 对 话 框 。 在 对 话 框 顶部 选择 “移动 设备 ”选项 

卡 ， 单 击 iPhone 6 Plus 按钮 ， 设 置 “分 辩 率 ”为 72 :04 1086 

像素 /英寸 ， “颜色 模式 ”为 “RGB 颜色 ”， 单 击 上 (3) 置 入 状态 栏 素材 。 执 行 “文件 > 置 入 嵌入 对 象 ”命令 ， 在 弹 

“创建 ”按钮 创建 新 的 文档 ， 如 图 16-33 所 示 。 : 出 的 对 话 框 中 选择 “1.png”， 单 击 “ 置 入 ”按钮 。 接 着 将 置 入 的 素 
(2) 新 建 图 层 。 制 作 渐 变 背景 。 选 择 工具 : 材 摆 放 在 界面 顶部 位 置 ， 调 整 完成 后 按 Enter 键 完成 置 入 ， 如 图 16-37 

箱 中 的 “渐变 工具 ”， 在 选项 栏 中 单 击 “渐变 色 ; 所 示 。 


(4) 制作 选项 按钮 。 选 择 工 具 箱 中 
的 “矩形 工具 ”， 在 选项 栏 中 设置 “绘制 
模式 ”为 “形状 ”，“ 填 充 ” 为 白色 ， 
“ 描 边 ”为 无 ， 设 置 完 成 后 在 状态 栏 下 方 
按 住 鼠标 左 键 拖 动 绘制 ， 如 图 16-38 所 示 。 
在 “图 层 ” 面 板 中 单 击 选中 该 矩形 图 层 ， 
使 用 复制 图 层 快捷 键 Ctrl+J 复 制 一 个 相同 
的 图 层 ， 在 复制 的 矩形 上 按 住 Shift 键 水 平 
向 下 移动 ， 如 图 16-39 所 示 。 用 同样 的 方法 
继续 复制 一 个 矩形 ， 并 将 其 向 下 拖 动 ， 如 
图 16-40 所 示 。 图 16-56 图 16-37 图 16-58 


日 


各 下 | :0:[ 7] 全 Ee 


委 六 spp 罗 面 Bi psd @ 224% (先天 站 尘 由 ,RG8/8) * 


P 加 mANANSR 


和 了 SCRPSHDY 


入 光标 ， 输 入 文字 ， 如 图 16-44 所 示 。 接 着 在 选项 栏 中 设置 字 
体 、 字 号 及 文字 颜色 ， 继 续 在 界面 中 输入 文字 ， 如 图 16-45 
所 示 。 


图 16-39 图 16-40 
(5) 在 工具 箱 中 右 击 形状 工具 组 ， 在 形状 工具 组 列 


表 中 选择 “ 自 定形 状 工具 ”， 在 选项 栏 中 设置 “绘制 模 

式 " 为 “形状 ”， “填充 ”为 白色 ，“ 描 边 ” 为 无 ， 接 着 

单 击 打开 “ 自 定形 状 ” 拾 色 器 ， 选 择 “搜索 ”形状 ， 设 

置 完成 后 在 则 按 住 鼠 标 左 键 拖 动 绘制 ， 图 16- 。 
人 (8) 在 文字 下 方 制作 分 割 线 。 选 择 工具 箱 中 的 “矩形 工 


具 ”， 在 选项 栏 中 设置 “绘制 模式 “形状 ”，“ 填 充 ”为 
白色 ，“ 描 边 ”为 无 ， 设 置 完 成 后 在 顶部 文字 下 方 按 住 鼠 标 左 

制 ， 如 图 16-46 所 示 。 单 击 选中 该 图 层 ， 在 “图 层 ” 
面板 中 设置 该 图 层 的 “不 透明 度 ” 为 50%， 如 图 16-47 所 示 ， 效 
果 如 图 16-48 所 示 。 
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图 16-41 


(6) 使 用 自由 变换 快捷 键 Ctrl+T 进 入 自由 变换 状 
态 ， 将 光标 定位 到 定 界 框 上 方 ， 单 击 鼠 标 右键 ， 在 弹出 
的 快捷 菜单 中 执行 “水 平 翻转 ”命令 ， 如 图 16-42 所 示 。 
接着 按 Enter 键 完成 变换 操作 ， 效 果 如 图 16-43 所 示 。 
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图 16-45 图 16-46 
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图 16-47 图 16-48 


四 人 (1) 制作 美食 界面 的 食品 背景 。 在 工具 箱 中 右 击 形状 工 

(7) 在 顶部 输入 文字 信息 。 选 择 工具 箱 中 的 “ 横 ”; 具 组 ， 在 形状 工具 组 列表 中 选择 “ 圆 角 和 矩形 工具 ”， 在 选项 栏 
排 文字 工具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 设 “: 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 白色 ，“ 描 边 ” 
置 文字 颜色 为 白色 ， 设 置 完 毕 后 在 界面 项 部 位 置 单 击 插 ”: 为 无 ，“ 半 径 ” 为 30 像 素 。 设 置 完成 后 在 画面 中 按 住 鼠 标 左 键 


拖 动 进行 绘制 ， 如 图 16-49 所 示 。 
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图 16-49 

(2) 在 “图 层 ”面板 中 选中 国 角 和 矩形 图 层 ， 执 行 “ 图 

层 > 图 层 样式 > 描 边 ”命令 ， 在 弹出 的 “图 层 样式 ”对 话 杠 
中 设置 “大 小 ”为 像素 ，“ 位 置 ”为 “内 部 ”， “不 透 
明度 ”为 100%，“ 填 充 类 型 ”为 “颜色 ”， 


影 ”样式 ， 设 置 “ 混 合 模式 ”为 “正片 谷底 ”， 颜 色 为 黑 
色 ，“ 不 透明 度 ” 为 20%，“ 角 度 ” 为 120 度 ，“ 距 离 ” 为 
37 像 素 ，“ 大 小 ”为 38 像 素 ， 如 图 16-51 所 示 ， 此 时 效果 如 
图 16-52 所 示 。 
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图 16-51 


: 角 拢 形 图 层 ， 使 用 复制 图 层 快捷 键 Ctrl+J 复 制 一 个 相同 的 
; 层 。 使 用 自由 变换 快捷 键 Ctrl+T 调 出 定 界 框 ， 将 光标 定位 到 
i 定 界 框 一 角 处 ， 按 住 鼠 标 左 刍 
: 小 ， 如 图 16-53 所 示 。 变 换 完 成 后 按 Enter 键 完成 此 操作 。 接 
: 着 在 控制 栏 中 设置 其 填 色 为 深 灰 色 ， 如 图 16-54 所 示 。 


“颜色 ”为 灰 
色 ， 如 图 16-50 所 示 。 在 左 侧 图 层 样式 列表 中 单 击 启用 “ 投 。 层 ， 将 其 移 至 白色 
， 边 " 效果 上 并 按 住 鼠标 左 键 将 该 效果 拖 到 “删除 ”按钮 位 
。 置 ， 删 除 描 边 效果 ， 如 图 16-55 所 示 ， 此 时 画面 效果 如 图 16-56 
所 示 。 


| 底 ”， 
。 影 效果 如 


所 示 。 


(3) 制作 阴影 效果 。 在 “图 层 ” 面 板 中 单 击 选中 该 


拖 动 ， 将 其 缩放 到 合适 大 
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图 16-52 


图 16-53 
(4) 在 “图 层 ”面板 中 单 击 选中 深 灰 色 


角 和 矩形 图 
角 抵 形 图 层 下 方 。 接 着 将 鼠标 移 到 “ 描 
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PEEK-A-BOO 
图 16-54 图 16-55 
(5) 此 时 阴影 效果 过 于 生硬 。 单 击 选中 该 图 层 ， 在 
“图 层 ” 面 板 中 设置 该 图 层 的 “混合 模式 ”为 “正片 到 
“不 透明 度 ” 为 30%， 如 图 16-57 所 示 ， 此 时 画面 阴 
16-58 所 示 。 
(6) 使 用 同样 的 方法 制作 第 2 层 阴 影 ， 效 果 如 图 16-59 
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图 16-56 图 16-57 图 16-58 图 16-59 
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3. 制作 主体 图 形 上 的 文字 及 图 案 

(1) 选择 白色 圆 角 矩形 图 层 ， 执 行 “文件 > 置 入 嵌入 对 象 ” 命 令 ， 置 入 美食 素材 ， 摆 放 在 合适 的 位 置 ， 按 Enter 键 完成 置 
入 操作 ， 接 着 将 其 栅 格 化 ， 如 图 16-60 所 示 。 

(2) 在 “图 层 ” 面 板 中 右 击 该 图 层 ， 在 弹出 的 快捷 菜单 中 执行 “创建 剪贴 蒙 版 ”命令 ， 如 图 16-61 所 示 ， 此 时 画面 效果 
如 图 16-62 所 示 。 
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图 16-60 图 16-61 图 16-62 


(3) 在 美食 上 方 绘制 形状 制作 效果 。 在 工具 箱 中 右 击 形状 工具 组 ， 在 形状 工具 组 列表 中 选择 “椭圆 工具 ”， 在 选项 栏 中 设 
置 “ 绘 制 模式 ”为 “形状 ”，“ 填 充 ” 为 白色 ，“ 描 边 ” 为 无 ， 设 置 完成 后 在 画面 中 按 住 鼠标 左 键 拖 动 绘制 ， 如 图 16-63 所 示 。 

(4) 在 “图 层 ” 面 板 中 右 击 该 形状 图 层 ， 在 弹出 的 快捷 菜单 中 执行 “创建 前 贴 蒙 版 ”命令 ， 如 图 16-64 所 示 ， 此 时 画面 
效果 如 图 16-65 所 示 。 
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图 16-63 图 16-64 图 16-65 


(5) 为 界面 添加 效果 。 选 择 工 具 箱 中 的 “钢笔 工 
具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 


# 
# 
和 


为 一 个 由 白色 到 透明 的 线性 渐变 ，“ 描 边 ”为 无 ， 设 置 完成 : 
后 在 食物 上 方 绘制 形状 ， 如 图 16-66 所 示 。 在 “图 层 ” 面 板 
中 设置 该 图 层 的 “不 透明 度 ” 为 30%， 此 时 效果 如 图 16-67 
所 示 。 
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图 16-66 


图 16-67 
(6) 用 同样 的 方法 在 “图 层 ”面板 中 为 该 图 层 创建 前 
贴 蒙 版 ， 此 时 效果 如 图 16-68 所 示 。 


图 16-68 : 
(7) 输入 美食 文字 信息 。 使 用 “ 横 排 文字 工具 ”在 食 i 


物 图 片 下 方 输入 合适 的 文字 ， 并 在 选项 栏 中 设置 合适 的 字 


体 、 字 号 及 颜色 ， 如 图 16-69 所 示 。 然 后 在 形状 工具 组 列表 三 


中 选择 “ 自 定形 状 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 
“形状 ”，“ 填 充 ” 为 黄色 ，“ 描 边 ” 为 无 ， 接 着 单 击 打开 
自 定形 状 拾 色 器 ， 选 择 “ 五 角 星 ”形状 ， 设 置 完成 后 在 黄色 
数字 信息 的 左 侧 按 住 鼠 标 左 键 拖 动 绘制 ， 如 图 16-70 所 示 。 
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图 16-70 


(8) 在 红颜 色 数 字 左 侧 制作 “距离 ”小 标志 。 首 先 选 
择 工具 箱 中 的 “椭圆 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ” 
为 “形状 ”，“ 填 充 ” 为 红色 ，“ 描 边 ” 为 无 ， 设 置 完 成 后 
在 数字 左 侧 绘制 一 个 红色 椭圆 ， 如 图 16-71 所 示 。 接 着 右 击 选 


; 择 工具 组 ， 在 选择 工具 组 列表 中 选择 “直接 选择 工具 ”， 然 


后 单 击 红 色 椭 圆 ， 此 时 调 出 椭圆 路 径 ， 接 着 将 鼠标 移 到 锚 点 
上 方位 置 ， 将 该 形状 调整 为 “ 倒 水 滴 形 ”， 如 图 16-72 所 示 。 
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图 16-72 
(9) 选择 工具 箱 中 的 “椭圆 工具 ”， 在 选项 栏 中 设置 
“绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 白色 ，“ 描 边 ”为 


无 ， 然 后 按 住 Shif 键 的 同时 按 住 鼠 标 左 键 在 红色 形状 上 方 绘 
制 正 圆 ， 如 图 16-73 所 示 。 此 时 “距离 ”小 标志 制作 完成 。 
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图 16-73 


(10) 在 画面 中 心 制作 购买 按钮 。 选 择 工 具 箱 中 的 “ 椭 : 色 器 ， 选 择 “ 购 物 车 ”形状 ， 设 置 完成 后 在 绿色 正 圆 上 方 按 


圆 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”， 
充 ” 为 绿色 ， 


“ 填 


Shift 键 的 同时 按 住 鼠 标 左 键 绘制 正 圆 ， 如 图 16-74 所 示 。 
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图 16-74 


(11) 为 该 正 圆 形 状 添加 图 层 样式 。 执 行 “图 层 > 图 层 
样式 > 投影 ”命令 ， 在 弹出 的 “图 层 样 式 ” 对 话 框 中 设置 
“混合 模式 ”为 “正片 琶 底 ”， 颜 色 为 墨绿 色 ，“ 不 透明 
度 ” 为 40%，“ 和 角度” 为 120 度 ，“ 距 离 ”为 2 像素 ，“ 大 
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示 ， 此 时 效果 如 图 16-76 所 示 。 
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图 16-76 


(12) 在 正 圆 上 方 添加 形状 图 案 。 选 择 工具 箱 中 的 “ 自 


i 定形 状 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”， 


“填充 ”为 白色 ，“ 描 边 ”为 无 ， 接 着 单 击 打开 自 定形 状 拾 


; 住 鼠 标 左 键 拖 动 绘制 ， 如 图 16-77 所 示 。 


“ 描 边 ”为 无 ， 设 置 完成 后 在 画面 中 心 按 住 ; 


小 ”为 1 像素 ， 设 置 完成 后 单 击 “ 确 定 ” 按 钮 ， 如 图 16-75 所 


i 绿色 正 圆 图 层 ， 使 用 复制 图 层 快捷 键 CtrltJ 复 制 一 个 机 
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图 16-77 


(13) 制作 界面 底部 按钮 。 在 “图 层 ” 面 板 中 单 击 选中 
同 的 
图 层 。 然 后 将 其 移 到 界面 的 左下 角 ， 接 着 使 用 自由 变换 快捷 
键 Ctrl+T 调 出 定 界 框 ， 按 住 鼠标 左 键 并 拖 动 将 其 缩放 到 合适 


; 大 小 。 然 后 按 Enter 键 完成 操作 ， 如 图 16-78 所 示 。 选 择 工具 
; 箱 中 的 “ 自 定形 状 工具 ”， 选 择 合适 的 形状 ， 设 置 完成 后 在 


绿色 正 圆 上 方 按 住 鼠 标 左 键 拖 动 绘制 ， 如 图 16-79 所 示 。 


(14) 用 同样 的 方法 制作 其 他 按钮 ， 界 面 最 终 效 果 如 图 16-80 所 示 。 
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图 16-78 图 16-79 


文件 路 径 第 16 章 \ 用 户 设置 页 面 
难 易 指 数 容 容 商 食 从 


案例 效果 


案例 对 比 效果 如 图 16-81 和 
图 16-82 所 示 。 


16.3.1 项 目 分 析 


这 是 一 款 社交 类 手机 APP 的 用 户 设置 界面 ， 界 面 整体 以 一 种 简洁 大 
方 的 方式 展示 。 风 格 清新 ， 颜 色 明亮 ， 使 用 该 界面 能 降低 手机 对 眼 部 
的 刺激 ， 减 轻 疲 备 感 ， 适 用 于 长 期 使 用 手机 的 用 户 群 体 。 如 图 16-83 和 
图 16-84 所 示 为 优秀 的 UI 设计 作品 。 
16.3.2 布局 规划 

该 界面 采用 左右 对 称 式 版 式 进行 排 布 。 界 面 上 下 分 为 两 个 部 分 ， 
上 半 部 分 为 用 户头 像 。 单 击 左上 角 菜 单 按钮 ， 会 出 现 更 多 用 户 信息 ， 
起 到 了 整理 信息 、 清 洁 版 面 的 作用 。 右 上 和 角 的 问号 按钮 为 手机 客服 ， 
遇 到 问题 可 前 往 咨 询 。 下 半 部 分 功能 按钮 以 圆 角 和 矩形 形状 出 现 ， 严 谨 
舒适 的 同时 又 避免 了 传统 界面 使 用 直角 图 标的 生硬 感 。 底 部 为 独特 的 
弧 形 进度 条 ， 图 形 与 文字 结合 的 方式 更 加 直观 。 如 图 16-83 和 图 16-86 所 
示 为 优秀 的 UI 设计 作品 。 
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图 16-80 


Pete 


llya Dmitruk 


sounder ond designer 
GCa around 


/ 


ArturTkhrunil 


| 才 瑟 由 


平 涉 避 淹 ddV 


i 钮 ， 如 图 16-89 所 示 。 接 着 使 用 填充 前 景色 快捷 键 Alt+Delete 
i 进行 快速 填充 ， 如 图 16-90 所 示 。 
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图 16-85 图 16-86 


16.3.3 ”色彩 搭配 | ; 
该 界面 为 单 色 的 配色 方式 ， 选 人 
成 整个 画面 ， 越 淡 的 绿色 覆盖 范围 最 大 ， 浓 厚 一 些 的 绿色 占 1 
较 小 的 范围 。 构 成 的 界面 视觉 效果 明快 ， 有 0 坟 i 1 
搭配 黄 绿 ， 使 界面 充满 生机 ， 像 初春 荫 芽 般 每 适 清爽 。 由 此 EH 
也 可 以 延伸 出 多 种 不 同 颜色 倾向 的 界面 ， 例 如 更 适合 女性 的 | 
粉红 色 系 以 及 更 适合 男性 的 青 蓝 色 系 ， 如 图 16- 87 和 图 16- 88 
所 示 。 i 
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图 16-90 
| (2) 在 页 面 中 绘制 矩形 。 选 择 工具 箱 中 的 “矩形 工 
i 具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 
; 为 黄 绿 色 ，“ 描 边 ” 为 无 ， 如 图 16-91 所 示 。 设 置 完成 后 在 
”页 面 中 按 住 鼠 标 左 键 拖 动 进行 绘制 ， 如 图 16-92 所 示 。 
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16.3.4 ”实践 操作 


1- 制作 界面 上 半 部 


图 16-91 

: (3) 制作 头像 图 形 。 选 择 “ 椭 圆 工 具 ”， 设 置 “ 绘 制 
(1) 执行 “文件 > 新 建 ”命令 ， 新 建 一 个 空白 文档 。 模式 ”为 “形状 ”，“ 填 充 ” 为 象牙 白 ，“ 描 边 ” 为 无 ， 设 

后 单 击 工具 箱底 部 的 “前 景色 ”按钮 ， 在 弹出 的 “ 拾 色 器 ” ; 置 完成 后 在 画面 中 按 住 Shift 键 的 同时 按 住 鼠标 左 键 拖 动 绘制 

对 话 框 中 设置 颜色 为 象牙 白色 ， 设 置 完 成 后 单 击 “ 确 定 ” 按 圆 形 ， 如 图 16-93 所 示 。 
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图 16-93 


(4) 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 置 入 人 物 素 
材 “1.jpg”， 并 将 该 图 层 栅 格 化 ， 如 图 16-94 所 示 。 接 着 


使 用 “椭圆 选 框 工具 ”在 人 像 上 方 绘制 一 个 正 圆 选 
图 16-95 所 示 。 接 着 单 击 “ 图 层 ” 面 板 下 方 的 “添加 


版 ”按钮 ， 效 果 如 图 16-96 所 示 。 


图 16-94 图 16-95 


图 16-96 


区 ， 如 


图 层 莹 


(5) 在 右上 角 的 位 置 绘制 电量 图 标 。 选 择 工具 箱 中 的 


i “ 圆 角 矩形 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “ 形 
状 ”，“ 措 边 ”为 白色 ，“ 描 边 粗 细 ” 为 0.5 点 “半径” 


为 5 像素 ， 在 画面 中 绘制 一 个 圆 角 和 矩形， 如 图 16-97 所 示 。 选 


| ho | rm = tl 


图 16-97 


图 16-98 


; 择 工具 箱 中 的 “矩形 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ” 
; 为 “形状 ”，“ 填 充 ” 为 浅 蓝 色 ， 在 相应 位 置 绘制 矩形 ， 如 
; 图 16-98 所 示 。 


(6) 选择 工具 箱 中 的 “钢笔 工具 ”， 在 选项 栏 中 设置 
“绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 白色 ， 在 画面 中 绘制 


， 如 图 16-99 所 示 。 
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(7) 选择 工具 箱 中 的 “ 横 排 文字 工具 ”， 在 选项 栏 中 
设置 合适 的 字体 、 字 号 ， 设 置 文字 颜色 为 白色 ， 在 画面 中 
单 击 输入 文字 ， 如 图 16-100 所 示 。 用 同样 的 方式 输入 其 他 文 
字 ， 如 图 16-101 所 示 。 
(8) 选择 工具 箱 中 的 “椭圆 工具 ”， 在 选项 栏 中 设置 
“绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 白色 ， 在 画面 中 绘制 
-个 正 圆 形 ， 如 图 16-102 所 示 。 在 “图 层 ” 面 板 中 单 击 选中 
该 正 圆 图 层 ， 使 用 复制 图 层 快捷 键 Ctrl+J 复 制 一 个 相同 的 图 
层 。 然 后 按 住 Shif 键 的 同时 按 住 鼠 标 左 键 向 右 侧 水 平平 移 ， 
如 图 16-103 所 示 。 i 

(9) 用 同样 的 方法 继续 复制 3 个 正 圆 ， 依 次 向 右 侧 拖 
动 ， 如 图 16-104 所 示 。 在 “图 层 ”面板 中 单 击 复制 的 最 后 
个 正 圆 图 层 ， 接 着 在 工具 箱 中 选择 “椭圆 工具 ”， 在 选项 栏 
中 设置 “填充 ”为 无 ，“ 描 边 ”为 白色 ，“ 描 边 粗细 ”为 3 
像素 ， 此 时 正 圆 效果 如 图 16-105 所 示 。 : 图 16-100 
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图 16-101 图 16-102 图 16-105 图 16-104 
(10) 选择 工具 箱 中 的 “椭圆 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 描 边 ”为 白色 ，“ 描 边 粗细 ”为 0.5 
点 ， 在 画面 中 绘制 一 个 圆 形 ， 如 图 16-106 所 示 。 选 择 工 具 箱 中 的 “ 横 排 文字 工具 ”， 在 选项 栏 上 设置 合适 的 字体 、 字 号 ， 设 
置 文字 颜色 为 白色 ， 在 画面 上 单 击 输入 “问号 ”， 如 图 16-107 所 示 。 
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图 16-105 图 16-106 图 16-107 


(11) 继续 使 用 “椭圆 工 具 ”， 用 同样 的 方法 绘制 圆 形 ， 如 图 16-108 所 示 。 选 择 工具 箱 中 的 “和 矩形 工具 ”， 在 选项 栏 中 
设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 白色 ， 在 画面 中 绘制 一 个 和 矩形， 然后 在 选项 栏 中 设置 模式 为 “合并 形状 ”， 在 画 
面 中 绘制 其 他 的 矩形 ， 如 图 16-109 所 示 。 


图 16-108 
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图 16-109 


(12) 选择 工具 箱 中 的 “ 横 排 文字 工具 ”， 在 选项 栏 中 | 
设置 合适 的 字体 、 字 号 ， 设 置 文字 颜色 为 白色 ， 在 画面 中 单 


击 输 入 文字 ， 如 图 16-110 所 示 。 


: 所 示 。 


“ 描 边 粗细 ”为 0.5 点 ， 


“半径 ”为 5 像素 ， 在 画 天 


a 


bh 绘制 


角 和 矩形 ， 如 图 16-111 所 示 。 接 着 将 圆 角 和 矩形 进行 复制 ， 
并 调整 到 相应 的 位 置 ， 如 图 16-112 所 示 。 
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图 16-111 


图 16-110 


2- 制作 按钮 


(1) 制作 图 标 。 选 择 工具 箱 中 的 “ 贺 角 矩形 工具 ”, 在 
i 如 图 16-115 所 示 。 


选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 描 边 ”为 灰色 ， 


(2) 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 置 入 素材 
“2.png”， 调 整 到 合适 位 置 后 按 Enter 键 确定 置 入 操作 ， 如 
图 16-113 所 示 。 用 同样 的 方法 置 入 其 他 素 村 ， 如 图 16-114 
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图 16-112 


图 16-113 


图 16-114 


(3) 使 用 “ 横 排 文字 工具 ”在 图 标 下 方 输入 文字 ， 
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图 16-115 


(4) 制作 消息 提醒 图 标 。 选 择 工具 箱 中 的 “椭圆 工 : 


具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 


为 红色 ， 在 画面 中 绘制 一 个 正 圆 形 ， 如 图 16-116 所 示 。 选 择 


该 图 层 ， 执 行 “ 图 层 > 图 层 样式 > 描 边 ”命令 ， 在 弹出 的 “ 
层 样式 ”对 话 框 中 设置 “大 小 ”为 5 像素 ，“ 位 置 ”为 “外 
部 ”，“ 颜 色 ” 为 白色 ， 单 击 “确定 ”按钮 完成 设置 ， 如 
图 16-117 所 示 ， 此 时 画面 效果 如 图 16-118 所 示 。 
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(5) 使 用 “ 模 排 文字 工具 ”在 贺 形 上 添加 文字 , 如 


所 示 。 


图 16-119 所 示 。 用 同样 的 方式 绘制 另 一 个 消息 提醒 ， 如 图 16-120 i 


图 16-119 
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图 16-120 


3 制作 界面 底部 控件 以 及 高 光 

(1) 选择 工具 箱 中 的 “钢笔 工具 ”， 在 选项 栏 中 设置 
“绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 黄 绿色 ， 在 画面 中 绘 
制图 形 ， 如 图 16-121 所 示 。 用 同样 的 方式 绘制 另 一 个 图 形 ， 
如 图 16-122 所 示 。 
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(2) 选择 工具 箱 中 的 “ 横 排 文字 工具 ”， 在 选项 栏 中 


:设置 合适 的 字体 、 字 号 ， 设 置 文字 颜色 为 灰色 ， 在 画面 中 单 


击 输入 文字 ， 如 图 16-123 所 示 。 然 后 再 单 击 选项 栏 中 的 “变形 


文字 ”按钮 ， 在 弹出 的 对 话 框 中 设置 “样式 ”为 “扇形 ”， 
“弯曲 ”为 66%， 单 击 “ 确 定 ”按钮 完成 设置 ， 如 图 16-124 所 
示 。 此 时 画面 效果 如 图 16-125 所 示 。 


(3) 选择 工具 箱 中 的 “ 横 排 文 字 工具 ”， 在 选项 栏 中 
设置 合适 的 字体 、 字 号 ， 设 置 文字 颜色 为 灰色 ， 在 画面 中 
i 单 击 输入 文字 ， 如 图 16-126 所 示 。 用 同样 的 方式 输入 其 他 文 
; 字 ， 如 图 16-127 所 示 。 
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图 16-123 


图 16-125 
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3 
图 16-127 
(4) 制作 高 光 。 新 建 一 个 图 层 ， 使 用 “多 边 形 套 索 工 
具 ” 在 界面 的 右上 角 绘 制 一 个 四 边 形 选区 ， 如 图 16-128 所 
示 。 选 择 工具 箱 中 的 “渐变 工具 ”， 在 选项 栏 中 单 击 “ 渐 变 
色 条 ”， 在 弹出 的 窗口 中 编辑 一 个 白色 到 透明 的 渐变 ， 单 击 
“确定 ”按钮 完成 设置 ， 如 图 16-129 所 示 。 


图 16-128 


: (5) 设置 渐变 类 型 为 “线性 渐变 ”， 然 后 在 选区 内 拖 
; 电 进 行 填充 ， 按 Ctrl+D 快 捷 键 取消 选择 ， 如 图 16-130 所 示 。 
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选中 该 图 层 ， 设 置 “ 不 透明 度 ” 为 50%， 软 件 界面 效果 如 图 16-131 所 示 。 
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4. 制作 界面 展示 效果 


(1) 制作 界面 设计 的 展示 效果 。 执 行 “ 文 件 > 打 开 ” 命 i 本 
令 ， 打 开 背 景 素材 “8jpg”， 如 图 16-132 所 示 。 在 界面 设计 i 点 处 ， 按 住 鼠标 左 键 并 拖 动 ， 调 整 4 个 点 的 位 置 ， 使 之 与 界 
的 文档 中 使 用 合并 拷贝 快捷 键 ShifttCtrh+C， 然 后 到 背景 素 


材 文档 中 使 用 Ctl+V 快 捷 键 进行 粘贴 。 接 着 使 用 自由 变换 快 按钮 完成 变换 操作 ， 如 图 16-135 所 示 。 


捷 键 Ctrl+T 将 其 缩放 到 合适 大 小 ， 如 图 16-133 所 示 。 


图 16-132 


图 16-130 


(2) 在 图 像 上 单 击 鼠 标 右键 ,在 弹出 的 快捷 菜单 中 执 
行 “ 扭 曲 ”命令 ， 如 图 16-134 所 示 。 将 光标 定位 到 各 个 控制 


图 16-131 


面 形状 相 匹 配 。 按 Enter 键 或 单 击 选项 栏 中 的 “提交 变换 ” 


图 16-134 


图 16-133 


图 16-135 


(3) 由 于 软件 界面 
右 下 角 遮 挡住 了 手指 
所 以 需要 选择 工具 箱 中 
的 “橡皮 擦 工具 ”， 设 
置 合适 的 大 小 ， 在 右 下 
角 处 单 击 鼠 标 左 键 并 拖 
动 ， 擦 除 多 余部 分 ， 如 
图 16-136 所 示 ， 最 终 效 
果 如 图 16-137 所 示 。 
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案例 效果 


案例 效果 如 图 16-138 和 图 16-139 所 示 。 
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图 16-138 图 16-139 


16.4.1 项 目 分 析 

这 是 一 款 智能 手机 主题 设计 作品 ， 整 体 风格 倾向 于 复古 
感 的 小 清新 气息 。 主 体 背 景 采用 大 面积 暗 调 的 绿叶 植物 ， 烘 
托 出 “复古 范 ” 的 同时 又 利于 白色 文字 人 阅读 。 图 标 采 
用 近年 来 较为 流行 的 无 底 色 幽 灵 按 钮 的 形式 ， 即 使 界面 中 出 
现 再 多 的 图 标 也 仍 会 给 人 以 通 透 感 。 如 图 16-140 和 图 16-141 
所 示 为 优秀 的 UI 设计 作品 。 
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16.4.2 布局 规划 


手机 主体 的 布局 较为 固定 ， 桌 面 多 以 天 气 时 间 小 组 件 搭 


配 APP 图 标 构成 ， 锁 屏 界面 则 主要 是 天 气 时 间 组 件 与 解锁 功 
能 区 。 页 面 效果 对 于 用 户 体验 的 影响 也 较为 突出 ， 当 左右 滑 
动 切换 时 ， 会 以 ]D、 渐 入 、 渐 出 等 效果 翻转 进入 下 一 页 ， 
呈现 出 科技 感 的 视觉 效果 。 如 图 16-142 和 图 16-143 所 示 为 优 
秀 的 UI 设计 作品 。 


图 16-142 


16.4.3 色彩 搭配 | 

该 界面 整体 颜色 为 墨绿 色 ， 界 面 中 图 标 等 信息 采用 明度 
最 高 的 白色 ， 它 能 够 在 暗 调 中 脱颖而出 ， 此 时 的 界面 看 上 去 
丝毫 没有 沉闷 感 ， 反 而 更 加 清新 ， 在 一 定 程度 上 展现 出 该 
题 界面 与 众 不 同 的 气质 。 如 果 使 用 亮 调 的 背景 ， 那 么 就 需 
将 文字 和 图 标 切 换 为 暗色 ， 如 图 16-144 和 图 16-145 所 示 。 
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16.4.4 ”实践 操作 


1. 主屏 界面 一 桌面 壁纸 

(1) 执行 “文件 > 新 建 ”命令 ， 创 建 一 个 空白 文档 ， 如 
图 16-146 所 示 。 执 行 “文件 > 置 入 嵌入 对 象 ”命令 ， 在 弹出 
的 对 话 框 中 选择 “1.jpg”， 单 击 “ 置 入 ”按钮 ， 将 置 入 的 素 


; 材 摆 放 在 画面 中 合适 的 位 置 ， 然 后 将 光标 放 在 素材 一 角 处 ， 

按 住 Shift 键 的 同时 按 住 鼠标 左 键 拖 动 ， 等 比例 放大 该 素材 ， 
; 并 填充 整个 画面 ， 如 图 16-147 所 示 。 调 整 完成 后 按 Enter 键 完 
成 置 入 。 然 后 在 “图 层 ”面板 中 右 击 该 图 层 ， 在 弹出 的 快捷 


图 16-146 图 16-147 
(2) 调整 画面 色调 。 执 行 “ 图 层 > 新 建 调整 图 层 > 可 选 
颜色 ”命令 ， 在 弹出 的 “新 建 图 层 ” 对 话 框 中 单 击 “ 确 定 ” 
按钮 ， 得 到 调整 图 层 。 然 后 在 “属性 ”面板 中 设置 “颜色 ” 
为 “黄色 ”，“ 青 色 ” 为 100%，“ 洋 红 ”0%，“ 黄 色 ” 为 
-74%，“ 黑 色 ” 为 66%， 如 图 16-148 所 示 。 接 着 设置 “ 颜 
“黄色 ”为 -45%， 如 图 16-149 所 示 。 


图 16-148 


(3) 为 画面 增加 滤 镜 效果 。 执 行 “ 图 层 > 新 建 调整 图 层 > 照片 滤 镜 ”命令 ， 在 弹出 的 “新 建 图 层 ” 对 话 框 中 单 击 “ 确 
定 ” 按 钮 ， 得 到 调整 图 层 。 接 着 在 “属性 ”面板 中 设置 “ 滤 镜 ”为 “冷却 滤 镜 (82) ”，“ 浓 度 ” 为 11%， 如 图 16-150 所 
示 ， 此 时 画面 效果 如 图 16-151 所 示 。 

(4) 调整 画面 明度 。 执 行 “ 图 层 > 新 建 调整 图 层 > 曲 线 ” 命 令 ， 在 弹出 的 “新 建 图 层 ” 对 话 框 中 单 击 “确定 ”按钮 ， 得 到 
调整 图 层 。 接 着 在 “属性 ”面板 中 的 曲线 上 单 击 创建 一 个 控制 点 ， 按 住 鼠标 左 键 向 左上 拖 动 控制 点 ， 使 画面 变 亮 ， 如 图 16-152 
所 示 ， 此 时 画面 效果 如 图 16-153 所 示 。 
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(5) 为 手机 界面 绘制 膛 胱 效果 。 执 行 “图 层 > 新 建 > 图 层 ” 命 令 ， 在 弹出 的 “新 建 图 层 ” 对 话 框 中 单 击 “确定 ”按钮 ， 
得 到 新 图 层 。 接 着 选择 工具 箱 中 的 “渐变 工具 ”， 在 选项 栏 中 单 击 ， 在 打开 的 “渐变 编辑 器 ”窗口 中 编辑 一 种 白色 到 透明 的 渐 
变 ， 编 辑 完毕 后 单 击 “ 确 定 ” 按 钮 ， 如 图 16-154 所 示 。 单 击 选 项 栏 中 的 “线性 渐变 ”按钮 ， 然 后 在 “图 层 ” 面 板 中 单 击 选中 空白 
图 层 ， 在 画面 中 按 住 鼠标 左 键 自 上 而 下 拖 动 ， 填 充 上 方 渐变 ， 如 图 16-155 所 示 。 再 自 下 而 上 拖 动 ， 填 充 下 方 渐变 ， 如 图 16-156 
所 示 。 

(6) 在 “图 层 ” 面 板 中 选中 该 图 层 ， 设 置 “ 不 透明 度 ” 为 30%， 如 图 16-157 所 示 ， 此 时 画面 效果 如 图 16-158 所 示 。 
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2. 主屏 界面 一 状态 栏 
(1) 绘制 状态 栏 。 执 行 “ 图 层 > 新 建 > 图 层 ” 命 令 ， 在 弹出 的 “新 建 图 层 ”对 话 框 中 单 击 “ 确 定 ” 按 钮 ， 得 到 新 图 层 。 接 


着 选择 工具 箱 中 的 “矩形 选 框 工 具 ”， 在 画面 中 按 住 鼠 标 左 键 并 拖 动 ， 得 到 矩形 选区 ， 如 图 16-159 所 示 。 然 后 设置 前 景色 为 黑 
色 ， 并 使 用 前 景色 填充 快捷 键 AlttDelete 进 行 快速 填充 。 填 充 完成 后 按 CtrltD 快 捷 键 取消 画面 此 时 的 选区 ， 如 图 16-160 所 示 。 

(2) 在 “图 层 ” 面 板 中 选中 该 图 层 ， 并 设置 “混合 模式 ”为 “正片 琶 底 ”，“ 不 透明 度 ” 为 40%， 如 图 16-161 所 示 ， 此 
时 画面 效果 如 图 16-162 所 示 。 
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图 16-158 

(3) 编辑 状态 栏 内 容 。 选 择 工具 箱 中 的 “ 横 排 文 字 工具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 设 置 文字 颜色 为 白色 ， 设 
置 字符 对 齐 方式 为 “居中 对 齐 文本 ”。 设 置 完 毕 后 在 画面 中 状态 栏 位 置 单 击 ， 输 入 文字 ， 文 字 输 入 完毕 后 按 Ctrl+Enter 快 捷 键 ， 如 
图 16-163 所 示 。 最 后 使 用 相同 的 编辑 方式 编辑 状态 栏 中 的 其 他 参数 信息 ， 如 图 16-164 所 示 。 
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图 16-159 


图 16-163 


(4) 制作 矢量 标识 。 执 行 “文件 > 置 入 嵌入 对 象 ” 命 
令 ， 在 弹出 的 对 话 框 中 选择 “3.png”， 单 击 “ 置 入 ” 按 
钮 ， 将 置 入 的 素材 摆 放 在 画面 中 合适 的 位 置 ， 按 Enter 键 完 


成 置 入 ， 如 


图 


16-165 所 示 。 
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图 16-161 图 16-162 


(1) 制作 天 气 时 间 组 件 。 选 择 工 具 箱 中 的 “ 横 排 文字 


工具 ”， 在 选 
为 白色 ， 设 置 
后 在 画面 中 状 


项 栏 中 设置 合适 的 字体 、 字 号 ， 设 置 文字 颜色 
字符 对 齐 方式 为 “居中 对 齐 文本 ”。 设 置 完毕 
态 栏 位 置 单 击 ， 接 着 输入 文字 ， 文 字 输 入 完毕 


后 按 Ctrl+Enter 快 捷 键 ， 如 图 16-166 所 示 。 然 后 使 用 相同 的 编 


辑 方式 编辑 状 


态 栏 中 的 其 他 参数 信息 ， 如 图 16-167 所 示 。 


图 1 
(2) 右 和 
状 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”，“ 填 


充 ” 为 白色 ， 
择 搜索 形状 。 


6-166 图 16-167 
上 f 形 状 工具 组 ， 在 工具 组 列表 中 选择 “ 自 定形 


“ 描 边 ”为 无 。 单 击 打 开 自 定形 状 拾 色 器 ， 选 
设置 完成 后 在 画面 中 合适 的 位 置 按 住 Shift 键 的 


同时 按 住 鼠 标 左 键 并 拖 动 ， 绘 制 完毕 后 按 Enter 键 完成 此 操 
作 ， 如 图 16-168 所 示 。 


(3) 为 界面 添加 图 标 。 执 行 “ 文 件 > 置 入 嵌入 对 象 ”命令 ， 置 入 素材 “2.png”， 摆 放 在 合适 的 位 置 ， 按 Enter 键 ， 并 将 
其 栅 格 化 ， 如 图 16-169 所 示 。 

(4) 绘制 按钮 。 右 击 形状 工具 组 ， 在 工具 组 列表 中 选择 “ 圆 角 矩形 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “形状 ”， 
“填充 ”为 白色 ，“ 描 边 ”为 无 颜色 ，“ 半 径 ”为 0 像素。 设置 完成 后 在 界面 合适 位 置 按 住 Shif 键 的 同时 ， 按 住 鼠 标 左 键 并 拖 
动 ， 绘 制 一 个 大 小 合适 的 圆 角 矩形 ， 绘 制 完成 后 按 Enter 键 完成 此 操作 ， 如 图 16-170 所 示 。 接 着 在 “图 层 ” 面 板 中 选中 该 图 层 ， 
设置 “填充 ”为 15%， 如 图 16-171 所 示 。 
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图 16-168 图 16-169 图 16-170 


(5) 为 按钮 添加 描 边 。 执 行 “ 图 层 > 图 层 样式 > 描 边 ”命令 ， 在 弹出 的 “新 建 图 层 ”对 话 框 中 单 击 “确定 ”按钮 ， 得 
到 调整 图 层 。 接 着 在 “属性 ”面板 中 选中 “ 描 边 ”， 设 置 “ 大 小 ”为 2 像素 ，“ 位 置 ”为 “外 部 ”，“ 混 合 模式 ”为 “ 正 


常 ”，“ 填 充 类 型 ”为 “颜色 ”，“ 颜 色 ” 为 白色 。 设 置 完 毕 后 单 击 “ 确 定 ”按钮 完成 此 操作 ， 如 图 16-172 所 示 ， 此 时 画面 
效果 如 图 16-173 所 示 。 
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图 16-171 图 16-172 图 16-173 


(6) 在 “图 层 ” 面 板 中 选中 该 形状 图 层 ， 使 用 复制 图 层 快捷 键 Ctrl+J 复 制 一 个 相同 的 形状 图 层 ， 然 后 选择 工具 箱 中 的 
“移动 工具 ”， 并 将 光标 定位 在 画面 中 复制 的 形状 上 ， 按 住 鼠 标 左 键 并 拖 动 至 右 侧 按钮 相应 位 置 ， 如 图 16-174 所 示 。 接 着 使 
用 相同 的 制作 方法 制作 横 排 其 他 两 个 按钮 ， 如 图 16-175 所 示 。 

(7) 在 “图 层 ”面板 中 选中 按钮 的 4 个 形状 图 层 ， 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 执行 “合并 形状 ”命令 ， 如 图 16-176 
所 示 。 接 着 选中 该 图 层 ， 使 用 复制 图 层 快捷 键 Ctrl+J 复 制 一 个 相同 的 形状 图 层 。 选 择 工具 箱 中 的 “移动 工具 ”， 并 将 光标 定 
位 在 画面 中 复制 的 形状 上 ， 按 住 鼠 标 左 键 并 拖 至 下 方 图 标 相应 位 置 处 ， 如 图 16-177 所 示 。 然 后 使 用 相同 的 制作 方式 制作 其 他 
两 排 图 标 按钮 ， 效 果 如 图 16-178 所 示 。 
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图 16-177 图 16-178 


(8) 编辑 按钮 文字 。 选 择 工 具 箱 中 的 “ 横 排 文字 工 
具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 设 置 文字 颜色 为 白 


色 ， 设 置 字符 对 齐 方式 为 “中 对 齐 文本 ”。 设 置 完 毕 后 在 画 


可 


中 按钮 下 方 单 击 ， 接 着 输入 文字 ， 文 字 输 入 完毕 后 按 Ctrl+Enter 


快捷 键 ， 如 图 16-179 所 示 。 用 同样 的 方法 ， 继 续 使 用 “ 横 排 
文字 工具 ”在 画面 中 其 他 位 置 输入 合适 的 文字 ， 并 在 选项 栏 
中 设置 合适 的 字体 、 字 号 及 颜色 ， 如 图 16-180 所 示 。 


图 16-179 


图 16-180 


(9) 绘制 页 面 空 间 。 在 工具 箱 中 右 击 形状 工具 组 ， 在 


工具 组 列表 中 选择 “椭圆 工具 ” 
式 ” 为 “形状 ”，“ 填 充 ” 为 白 


， 在 选项 栏 中 设置 “绘制 模 
色 ，“ 描 边 ”为 无 颜色 ， 设 


置 完 毕 后 ， 在 画面 中 合适 位 置 按 住 Shift 键 的 同时 按 住 鼠标 左 
键 并 拖 动 ， 得 到 椭圆 形状 。 绘 制 完 成 后 按 Enter 键 完成 此 操 


作 ， 如 图 16-181 所 示 。 接 着 在 “ 


图 层 ” 面 板 中 选中 该 形状 图 


层 ， 设 置 “ 不 透明 度 ” 为 40%， 如 图 16-182 所 示 。 
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图 16-181 

(10) 在 “图 层 ” 面 板 中 选中 该 形状 图 层 ， 使 用 复制 
图 层 快 捷 键 Ctrl+J 复 制 一 个 相同 的 形状 图 层 。 然 后 选择 工具 
箱 中 的 “移动 工具 ”， 并 将 光标 定位 在 画面 中 复制 的 形状 图 
层 上 ， 按 住 鼠 标 左 键 并 拖 动 至 右 侧 相应 位 置 ， 如 图 16-183 所 
示 。 接 着 在 “图 层 ” 面 板 中 选中 复制 的 图 层 ， 设 置 “ 不 透明 


度 ” 为 80%， 如 图 16-184 所 示 。 


图 16-182 图 16-183 图 16-184 
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(11) 用 同样 的 方法 ， 继 续 使 用 复制 图 层 快捷 键 。: 画面 中 其 他 位 置 输入 合适 的 文字 ， 并 在 选项 栏 中 设置 合适 的 字 
Ctrl+J 和 “移动 工具 ”制作 其 他 控件 点 ， 并 在 “图 层 ” 面 : 体 、 字 号 及 颜色 ， 案 例 最 终 效果 如 图 16-190 所 示 。 
板 中 设置 “不 透明 度 ” 为 40%， 效 果 如 图 16-185 所 示 。 

4 锁 屏 界面 

(1) 在 “图 层 ”面板 中 选中 主屏 内 容 的 所 有 图 层 ， 
按 Ctl+G 快 捷 键 进 ， 并 命名 为 “主屏 ”， 如 图 16-186 
所 示 。 接 着 在 “图 层 ” 面 板 中 单 击 “ 指 示 图 层 可 见 性 ” 
按钮 ， 隐 藏 该 图 层 组 ， 如 图 16-187 所 示 。 
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(2) 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 再 次 置 入 
素材 “3.png”， 摆 放 在 合适 的 位 置 ， 按 Enter 键 ， 并 将 其 
栅 格 化 ， 如 图 16-188 所 示 。 

(3) 编辑 锁 屏 界面 文字 信息 。 选 择 工具 箱 中 的 “ 横 
排 文 字 工 具 ”， 在 选项 栏 中 设置 合适 的 字体 、 字 号 ， 设 置 
文字 颜色 为 白色 ， 设 置 字符 对 齐 方式 为 “中 对 齐 文本 ”。 


设置 完毕 后 在 界面 左上 角 单 击 输入 文字 ， 文 字 输 入 完毕 后 | aw 动 线 
按 CtrltEnter 快 捷 键 完成 此 操作 ， 如 图 16-189 所 示 。 : 
(4) 用 同样 的 方法 ， 继 续 使 用 “ 横 排 文字 工具 ”在 图 16-189 图 16-190 
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案例 效果 如 图 16-191 所 示 。 
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16.5.1 


主题 的 网 页 设计 ， 紫 色调 的 配色 方案 给 
感受 ， 版 面 中 心 亮 、 四 周 暗 的 颜色 
置 。 整 个 版 面 采 用 包围 式 


布局 ， 各 种 按钮 、 Y 
中 ， 信 息 能 够 集中 传递 。 并 且 人 像 采 用 “ 破 版 ”的 形式 ， 具 
有 吸引 力 。 如 图 16-192 和 图 16-193 所 示 为 优秀 的 UI 界面 设计 。 
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图 16-193 


图 16-191 


16.5.2 布局 规划 


整个 版 面 采用 包围 式 的 布局 ， 导 航 栏 、 搜 索 栏 ， 以 及 下 
方 的 详情 信息 将 海报 包围 起 来 ， 因 为 人 像 海报 比较 具有 吸引 
力 ， 吸 引 访 客 目光 后 能 够 引导 目光 向 其 他 信息 处 流动 ， 并 且 
整个 版 面 的 各 种 控件 采用 统一 的 风格 和 色调 ， 让 整个 画面 效 
果 和 谐 、 统 一 。 如 图 16-194 和 图 16-195 所 示 为 优秀 的 UI 界面 
设计 。 


图 16-195 


16.5.3 色彩 搭配 


该 网 页 采用 单 色调 的 配色 方案 ， 紫 色调 的 配色 给 人 浪 
漫 、 神 秘 、 妖 艳 的 视觉 感受 ， 这 种 色调 深 受 女性 的 喜爱 。 
画面 中 心 位 置 为 暖 黄色 的 灯光 ， 紫 色 与 黄色 为 互补 色 关系 ， 
使 得 整个 画面 形成 了 鲜明 的 对 比 ， 使 整个 画面 的 气氛 更 加 浓 
烈 ， 如 图 16-196 和 图 16-197 所 示 。 


图 16-198 
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图 16-196 


图 16-199 


图 16-197 


16.5.4 ”实践 操作 


1 制作 页 面 主体 部 分 

(1) 执行 “文件 > 打开 ”命令 ， 打 开 背 景 素材 “1jpg”， 
如 图 16-198 所 示 。 

(2) 新 建 图 层 ， 选 择 工具 箱 中 
页 栏 中 设置 “绘制 模式 ”为 “ 形 
具 箱 的 底部 设置 前 
在 画面 中 按 住 鼠标 左 键 并 拖 动 ， 绘 制 一 个 合适 
形 ， 效 果 如 图 16-199 所 示 。 

避 角 矩形 图 层 下 方 新 建 图 层 ， 选 择 工具 箱 中 的 
”， 在 工具 箱 的 底部 设置 前 景色 为 紫色 ， 接 着 使 
画笔 在 圆 角 矩形 的 底部 按 住 鼠 标 左 键 拖 动 进行 
绘制 ， 使 矩形 与 背景 之 间 产 生 空间 感 ， 如 图 16-200 所 示 。 


的 “ 圆 角 矩形 工具 ”， 
径 ” 为 40 像 
， 设 置 完 成 后 
大 小 的 圆 角 和 


图 16-200 


方 新 建 图 层 ， 选 中 圆 角 矩形 图 
， 按 住 Cul 键 的 同时 单 击 图 层 缩 览 图 ， 载 入 选区 ， 如 图 16-201 
示 。 选 择 工具 箱 中 的 “和 矩形 选 框 工具 ”， 在 选项 栏 中 单 击 
从 选区 减 去 ”按钮 ， 接 着 在 圆 角 矩 形 选区 中 绘制 一 个 适当 
大 小 的 矩形 ， 效 果 如 图 16-202 所 示 。 
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图 16-202 


选择 工具 箱 中 的 “渐变 工具 ”， 在 选项 栏 中 设置 “渐变 类 型 ”为 线性 渐变 ， 然 后 
色 条 ， 在 弹出 的 “ 渐 竹器 ”窗口 中 编辑 一 种 白色 到 透明 的 渐变 ， 设 置 完 成 后 


设置 完成 后 在 选区 中 按 住 鼠标 左 键 并 拖 动 ， 为 选区 
选择 ， 如 图 16-204 所 示 。 
0 紫色 的 光泽 ， 如 图 16-205 所 示 。 


使 用 同样 的 方法 新 建 图 层 ， 添 力 


新 建 选择 工具 箱 中 的 “矩形 工具 ”， 在 选项 栏 中 设置 “绘制 模式 ”为 “ 邢 
填充 ”为 灰色 ，“ 描 边 ”为 “无 ”， 设 置 完 成 后 在 画面 中 适当 te 


制 | 


-个 矩形 ， 


如 图 16-206 所 示 。 
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图 16-203 图 16-204 
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(8) 为 该 矩形 添加 图 层 样式 。 执 # 图 层 样式 > 斜面 和 浮雕 ”命令 ， 在 弹出 的 “图 层 样式 ”对 话 框 中 设置 “ 样 
式 ” 为 “内 斜面 ”，“ 方 法 ”为 “平滑 ” 为 100%，“ 方 向 ”为 “上 ”，“ 大 小 ”为 4 像素 ，“ 软 化 ”为 0 像素 ， 
“角度 ”为 120 度 ，“ 高 度 ” 为 30 度 ， 阴 影 的 “不 透明 度 ” 为 0%， 如 图 16-207 所 示 。 

(9) 加 选 “ 复 选 框 ， 设置 “大 小 ”为 3 像素 ， “位置 ”为 “外 昆 合 模式 ”为 “正常 ”，“ 不 透明 度 ” 为 
52%，“ 填 充 类 型 ”为 “渐变 ” 黑色 的 渐变 ， 设 置 “样式 ”为 “对 称 的 ”，“ 和 角度” 为 90 度 ，“ 缩 放 ” 为 
150%, es 

《10) 加 选 “ 内 阴影 ” 复 选 框 ， 设 置 “ 混 合 模式 ”为 “正片 到 底 ”， 颜 色 为 黑色 ，“ 不 透明 度 ” 为 533%，“ 角 度 ” 为 180 
度 ，“ 上 距离 ”为 12 像 素 ，“ 阻 塞 ”为 0%%，“ 大 小 ”为 65 像 素 ， 如 图 16-209 所 示 。 

(11) 加 选 “渐变 又 加 ” 复 选 框 ， 设 置 “ 混 合 模式 ”为 “正常 ”，“ 不 透明 度 ” 为 19%， 编 辑 一 种 白色 到 透明 的 渐变 ， 


“样式 ”为 “线性 ”，“ 角 度 ” 为 90 度 ， 


如 图 16-210 所 示 。 接 着 在 “图 层 ” 面 板 中 设置 “填充 ”为 0%， 效 


果 如 图 16-211 所 示 。 
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图 16-209 图 16-210 
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图 16-211 
(12) 选择 工具 箱 中 的 “ 圆 角 矩 形 工具 ”， 在 选项 栏 中 
设置 “绘制 模式 ”为 “形状 ”，“ 填 充 ” 为 紫色 ，“ 半 径 ” 
为 8 像素 ， 设 置 完成 后 在 矩形 中 按 住 鼠 标 左 键 并 拖 动 ， 绘 制 
圆 角 矩形 ， 如 图 16-212 所 示 。 
其 添加 图 层 样式 。 执 行 “ 图 层 > 图 层 样式 > 斜 
在 弹出 的 “图 层 样式 ”对 话 框 中 设置 “ 样 
雕 ”，“ 方 法 ”为 “平滑 ”，“ 深 度 ”为 
75%，“ 方 向 ”为 “上 ”，“ 大 小 ”为 6 像素 ，“ 软 化 ”为 0 
像素 ，“ 和 角度 ”为 120 度 ，“ 高 度 ”为 25 度 ， 选 择 合适 的 光泽 
等 高 线 ， 设 置 “ 高 光 模式 ”为 “颜色 减 淡 ”， 阴 影 的 “不 透 
明度 ”为 60%， 勾 选 “ 消 除 锯齿 ”选项 ， 如 图 16-213 所 示 。 
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图 16-212 
(14) 加 选 “ 描 边 ” 复 选 框 ， 设 置 “ 大 小 ”为 3 像素 ， 
“位 置 ”为 “外 部 “混合 模式 ”为 “正常 ”，“ 不 透明 
度 ” 为 93%，“ 填 充 类 型 ”为 “渐变 ”， 编 辑 一 种 灰色 系 的 渐 
变 ， 设 置 “样式 ”为 “线性 ”，“ 和 角度 ”为 0 度 ， 如 图 16-214 
所 示 。 
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(15) 加 选 “内 阴影 ” 复 选 框 ， 设 置 “ 混 合 模式 ”为 
“正片 县 底 ”， 颜 色 为 黑色 ，“ 不 透明 度 ” 为 50%，“ 角 
度 ” 为 120 度 ，“ 距 离 ” 为 1 像素 ，“ 阻 塞 ”为 0%，“ 大 
小 ”为 5 像素 ， 如 图 16-215 所 示 。 设 置 完成 后 单 击 “ 确 定 ” 
按钮 。 接 着 在 “图 层 ” 面 板 中 设置 “填充 ”为 20%， 效 果 如 
图 16-216 所 示 。 
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图 16-216 


(16) 复制 圆 角 矩形 ， 并 和 置 于 画面 中 合适 的 位 置 ， 如 图 16217 
所 示 。 

(17) 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 将 素材 “2png 
置 于 画面 中 合适 的 位 置 并 将 其 栅 格 化 ， 如 图 16-218 所 示 。 


图 16-217 图 16-218 


(18) 复制 素材 图 层 并 置 于 原 素 材 的 下 方 ， 将 其 垂直 
翻转 并 为 其 添加 图 层 蒙 版 ， 使 用 黑色 和 柔 边 圆 画笔 涂抹 多 余部 
分 ， 如 图 16-219 所 示 。 制 作出 按钮 的 倒影 效果 ， 如 图 16-220 
所 示 。 
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图 16-220 
(19) 新 建 图 层 ， 在 工具 箱 的 底部 设置 前 景色 为 白色 ， 
选择 工具 箱 中 的 “画笔 工具 ”， 使 用 白色 和 柔 边 圆 画 笔 绘制 白 
色 的 光斑 ， 效 果 如 图 16-221 所 示 。 
(20) 选择 工具 箱 中 的 “ 横 排 文 字 工 具 ”， 在 选项 栏 中 


设置 合适 的 字体 、 字 号 ， 设 置 文字 颜色 为 白色 ， 设 置 完成 后 
在 画面 中 适当 的 位 置 单 击 鼠 标 左 键 插入 光标 ， 建 立 文字 输入 
的 起 始点 ， 接 着 输入 文字 ， 文 字 输入 完毕 后 按 Ctrl+Enter 快 
捷 键 确认 操作 ， 如 图 16-222 所 示 。 
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图 16-221 图 16-222 


(21) 为 文字 添加 图 层 样 式 。 执 行 “ 图 层 > 图 层 样式 > 
面 和 浮雕 ”命令 ， 在 弹出 的 “图 层 样 式 ” 对 话 框 中 设置 
“样式 ”为 “内 斜面”，“ 方 法 ”为 “平滑 ”， “深度 ”为 


1000%，“ 方 向 ”为 “上 ”，“ 大 小 ”为 0 像素 ，“ 软 化 ” 
为 0 像素 ，“ 角 度 ” 为 90 度 ，“ 高 度 ” 为 30 度 ，“ 高 光 模 


式 ” 为 “ 滤 色 ”， 颜 色 为 白色 ，“ 不 透明 度 ” 为 40%，“ 阴 
影 模式 ”为 “正常 ”， 颜 色 为 蓝 色 ，“ 不 透明 度 ” 为 92%， 
如 图 16-223 所 示 。 

(22) 加 选 “ 内 阴影 ” 复 选 框 ， 设 置 “ 混 合 模式 ”为 
正常 ”， 颜 色 为 白色 ，“ 不 透明 度 ” 为 42%，“ 和 角度” 为 
90 度 ，“ 距 离 ” 为 0 像素 ，“ 阻 塞 ”为 0%，“ 大 小 ”为 1 像 
素 ， 如 图 16-224 所 示 。 
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(23) 加 选 “ 渐 变 麦 加 ” 复 选 框 ， 设 置 “混合 模式 ” 
为 “正常 ”，“ 不 透明 度 ” 为 100%， 编 辑 一 种 白色 到 透明 
的 渐变 ， 设 置 “ 样 式 ” 为 “线性 ”，“ 和 角度” 为 90 度 ， 如 
图 16-225 所 示 。 
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图 16-225 


(24) 加 选 “ 图 案 双 加 ” 复 选 框 ， 


设置 “混合 模式 ”为 


“正常 ”，“ 不 透明 度 ” 为 100%， 选 择 一 个 合适 的 图 案 ， 


如 图 16-226 所 示 。 


(25) 加 选 “ 投 影 ” 复 选 框 ， 设 置 “ 混 合 模式 ”为 “ 正 


常 ”， 颜 色 为 黑色 ，“ 不 透明 度 ” 为 


40%，“ 角 度 ” 为 90 


度 ，“ 上 距离 ”为 1 像素 ，“ 扩 展 ” 为 0%，“ 大 小 ”为 3 像 


素 ， 如 图 16-227 所 示 。 设 置 完 成 后 单间 
如 图 16-228 所 示 。 
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图 16-226 


(26) 继续 使 用 “ 横 排 文字 工具 ”， 
设置 完成 后 在 画面 中 输入 


字号 ， 并 设置 文字 颜色 为 淡 黄 色 ， 
文字 ， 效 果 如 图 16-229 所 示 。 


图 16-228 


图 16-227 
选择 合适 的 字体 、 


图 16-229 


(27) 执行 “图 层 > 图 层 样式 > 渐变 篆 加 ”命令 ， 在 弹 
出 的 “图 层 样式 ”对 话 框 中 设置 “混合 模式 ”为 “正常 ”， 
“不 透明 度 ” 为 100%， 编 辑 一 种 黄色 系 的 渐变 ， 设 置 “ 样 


式 ” 为 “线性 ”，“ 角 度 ”为 90 度 ， 
图 16-230 所 示 。 


“缩放 ”为 100%， 如 


《28) 加 选 “ 投 影 ” 复 选 框 ， 设 置 “ 混 合 模式 ”为 “ 正 
片 县 底 ”， 颜 色 为 红色 ，“ 不 透明 度 ” 为 73%，“ 和 角度 ”为 
120 度 ，“ 上 距离 ”为 1 像素 ，“ 扩 展 ” 为 0%，“ 大 小 ”为 1 像 


素 ， 如 图 16-231 所 示 。 设 置 完成 后 单 寺 
如 图 16-232 所 示 。 
(29) 用 同样 方法 制作 其 他 文字 ， 


(30) 新 建 图 层 ， 选 择 工具 箱 中 的 “ 自 定形 ; 


上“ 确定 ”按钮 ， 效 果 


如 图 16-233 所 示 。 
状 工具 ” 


在 选项 栏 中 设置 “绘制 模式 ”为 “像素 ”，“ 模 式 ”为 “ 正 


i 


常 ”， 单 


“ 自 定 


” 拾 色 器 按钮 ， 在 弹出 的 下 拉面 板 


中 选择 “箭头 ?9” 按 钮 。 在 工具 箱 的 底部 设置 前 景色 为 淡 黄 
色 ， 设 置 完成 后 在 画面 中 适当 的 位 置 按 住 鼠 标 左 键 并 拖 动 ， 
绘制 出 合适 大 小 的 箭头 形状 ， 如 图 16-234 所 示 。 
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图 16-234 

(31) 选择 右 侧 文字 的 图 层 ， 单 击 鼠 标 右键 ， 在 弹出 
的 快捷 菜单 中 执行 “拷贝 图 层 样式 ”命令 ， 选 中 刚刚 绘制 箭 
头 的 图 层 ， 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 执行 “粘贴 
图 层 样式 ”命令 ， 为 其 添加 与 文字 图 层 相 同 的 图 层 样 式 ， 如 
图 16-235 所 示 。 

(32) 用 同样 的 方法 绘制 另 一 个 箭头 ， 其 中 一 个 区 域 制 
作 完 成 ， 如 图 16-236 所 示 。 

(33) 用 同样 的 方法 使 用 形状 工具 与 文字 工具 可 以 制作 
出 其 他 的 按钮 区 域 ， 如 图 16-237 所 示 。 
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图 16-237 


(1) 执行 “文件 > 置 入 嵌入 对 象 ”命令 ， 将 
“3.png” 置 于 画面 中 合适 的 位 置 并 将 其 栅 格 化 ， 
所 示 。 


人 像素 材 
如 图 16-238 


图 16-238 


(2) 再 次 置 入 人 像素 材 “ 
左 侧 并 将 其 栅 格 化 ， 如 图 16-239 所 


“4.png”， 将 其 放置 在 画面 的 


渤 振 工 具 箱 中 的 “ “ 钢 


笔 工 具 ”， 在 选 
勾勒 出 人 像 轮廓 ， 建 立 选区 后 
图 16-240 所 示 。 


图 16-239 


图 16-240 
(3) 执行 “图 和 色相 /饱和 度 ” 命 令 ， 
在 弹出 的 “新 建 图 让 “确定 ”按钮 。 在 弹 


出 的 “属性 ”面板 中 设置 “色相 ” 
“明度 ”为 0， 如 图 16-241 所 示 。 

(4) 执行 “图 层 > 新 建 调整 
的 “新 建 图 层 ”对 话 框 中 单 击 “ 确 ” 面 
板 中 调整 色 阶 的 滑 块 以 调整 画面 的 亮度 ， 设 置 适当 的 数值 。 
并 同样 为 其 创建 剪 切 ， 如 图 16-242 所 示 。 
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图 16-242 


(5) 继续 创建 “曲线 ”调整 图 层 ， 再 次 创建 剪 切 蒙 版 ， 调 整 曲线 的 弯曲 程度 ， 提 亮 人 像 部 分 ， 如 图 16-243 所 示 。 
(6) 对 画面 整体 进行 调整 。 再 次 创建 “曲线 ”调整 图 层 ， 调 整 曲线 的 弯曲 度 ， 如 图 16-244 所 示 。 提 亮 画面 ， 案 例 最 终 效 
果 如 图 16-245 所 示 。 
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